IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

[HTML] Mettre 2 images sur une même ligne


Sujet :

HTML

  1. #1
    Inactif  
    Avatar de Aitone
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    3 562
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 3 562
    Points : 4 493
    Points
    4 493
    Par défaut [HTML] Mettre 2 images sur une même ligne
    Bonsoir,

    Je débute en html et je rencontre un souci.
    Est-il possible de mettre 2 images sur une même ligne ?
    La première à gauche et la seconde alignée à droite ?

    Je n'y parviens pas alors qu'en taille, elles ont largement de quoi passer mais non, la deuxième se met bien à droite mais sur une ligne en dessous.

    J'ai mis cela :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <IMG SRC="images/tous-les-resultats.png"> <IMG SRC="images/bannière-partenaire.png"  align="right"  >
    J'ai mal fait quelque chose ?


  2. #2
    Expert éminent
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Points : 9 031
    Points
    9 031
    Par défaut
    Hello

    J'ai testé ton code et il fonctionne, donnes voir tout ton code...

    Sinon avec un peu de css :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img src="images/tous-les-resultats.png" style="float:left"> <img src="images/bannière-partenaire.png" style="float:left">

  3. #3
    Inactif  
    Avatar de Aitone
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    3 562
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 3 562
    Points : 4 493
    Points
    4 493
    Par défaut
    avec un peu de css ?

    En fait, j'attendais de gérer un peu mieux le html pour m'y mettre.

    En fait pour mon code c'est que le début...

    J'ai que le HEAD et ça..

    Plus un peu de texte mais je pense pas que celà puisse venir de là si ?

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 868
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 868
    Points : 16 258
    Points
    16 258
    Par défaut
    Une image étant un élément inline (en ligne), elles se mettent les unes à côté des autres par défaut, si la place le permet.

    Essaie d'enlever l'espace entre les deux images.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img src="images/tous-les-resultats.png" /><img src="images/bannière-partenaire.png" />
    Sinon, soit elles n'ont pas la place de se mettre l'une à côté de l'autre, soit tu as un style ou autre qui interfère dans le bon fonctionnement de ton code. Dans ce cas un peu plus de code serait le bienvenu.

    Aussi, prends l'habitude d'écrire toutes tes balises et attributs en minuscules et évite les accents (et espaces) dans les noms d'images, de fichiers, d'URL, etc.

  5. #5
    Inactif  
    Avatar de Aitone
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    3 562
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 3 562
    Points : 4 493
    Points
    4 493
    Par défaut


    J'ai honte.. Je vous ai simplifié le code car il y avait plus d'espaces entre les 2 images. J'ai supprimé et ça fonctionne.

    Merci pour les conseils, j'en prends bonne note


+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Mettre plusieurs images sur une même ligne
    Par garance.tosello dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 24/01/2015, 17h46
  2. [XL-2013] Script pour mettre des données sur une même ligne
    Par initial32 dans le forum Macros et VBA Excel
    Réponses: 7
    Dernier message: 09/12/2014, 13h45
  3. Deux images sur une même ligne
    Par ahmedpa dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 13/07/2012, 10h25
  4. Mettre 2 images sur la même ligne et les centrer par rapport au texte
    Par Lonlie dans le forum Tableaux - Graphiques - Images - Flottants
    Réponses: 3
    Dernier message: 04/07/2008, 14h47
  5. Aligner des images sur une même ligne
    Par cdevl32 dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 08/10/2007, 03h13

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo