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 :

placer 2 DIV l'un à côté de l'autre


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Octobre 2002
    Messages
    347
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2002
    Messages : 347
    Par défaut placer 2 DIV l'un à côté de l'autre
    Bonjour,

    je voudrais placer 2 cadres DIV l'un à côté de l'autre.
    Quand je fais le code ci-dessous :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    <div id="d1" ><img src="1.gif" id="i1"></div>
    <div id="d2"><img src="2.gif"  id="i2"></div>
    Les divs sont l'un en dessous de l'autre. pourquoi ?
    comment faire pour les coller ?

  2. #2
    Membre éclairé
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    442
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Janvier 2004
    Messages : 442
    Par défaut
    Bonjour.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <div id="d1" style="display:inline;"><img src="1.gif" id="i1"></div>
    <div id="d2" style="display:inline;"><img src="2.gif"  id="i2"></div>

  3. #3
    Membre confirmé
    Avatar de Olivier_
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    111
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 111
    Par défaut
    Je serais plus partisan de l'utilisation des float sur les <div> pour permettre une manipulation plus facile des <div>, taille par exemple.

    Donc, les 2 divs en float: left; avec un élément de type block en dessous avec la propriété clear: both; pour remettre les choses en place dans le flux.

  4. #4
    Invité
    Invité(e)
    Par défaut
    Surtout que les DIV sont à la base des éléments de type bloc. Les utiliser en inline ne présente pas grand interet, surtout qu'ils risquent de ne pas être dimensionnable correctement.
    L'équivalent du DIV en inline s'appelle SPAN

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    442
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Janvier 2004
    Messages : 442
    Par défaut
    Citation Envoyé par St0uK
    Les utiliser en inline ne présente pas grand interet, surtout qu'ils risquent de ne pas être dimensionnable correctement.
    En effet. Rappelons aussi qu'un positionnement en float implique implicitement un positionnement inline.

  6. #6
    Membre confirmé
    Avatar de Olivier_
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    111
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 111
    Par défaut
    Citation Envoyé par Gaara
    En effet. Rappelons aussi qu'un positionnement en float implique implicitement un positionnement inline.
    Uhh ??
    Pas compris ce que tu voulais dire.

    Float n'implique pas un positionement inline.

  7. #7
    Membre éclairé
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    442
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Janvier 2004
    Messages : 442
    Par défaut
    Je voulais dire que "float" équivaut à "inline" + indication de positionnement droite ou gauche. Peut-être que je m'exprime mal désolé.

  8. #8
    Invité
    Invité(e)
    Par défaut
    Citation Envoyé par Olivier_
    Uhh ??
    Pas compris ce que tu voulais dire.

    Float n'implique pas un positionement inline.
    Si, float implique un positionnement inline, mais un comportement bloc (en gros ...)
    Ton bloc sera donc dimensionnable comme tout élément de type bloc, et se comportera pourtant dans la page comme un élément inline (il "coulera" dans la page).

    Au passage, lorsque l'on défini un élément avec la propriété float, il est inutile de spécifier display:block : c'est induit

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

Discussions similaires

  1. Comment puis-je placer un div toujours en bas d'un autre div
    Par pierrot10 dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 12/12/2006, 16h04
  2. comment puis-je placer mes <div>
    Par pierrot10 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 15/10/2006, 22h07
  3. Placer un DIV au-dessus d'un TR
    Par Erakis dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 23/07/2006, 18h11
  4. Placer un Div
    Par batama dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 28/06/2006, 11h43
  5. Placer 2 DIV l'un à coté de l'autre
    Par Royd938 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 06/10/2005, 10h36

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