Tom's Guide > Forum > Programmation > [Résolu] Problème pour aligner plusieurs div

[Résolu] Problème pour aligner plusieurs div

Forum Programmation : [Résolu] Problème pour aligner plusieurs div

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre

Lire la meilleure réponse, apportée par ideal23.

Mot :    Pseudo :           
 
dakiller   28-06-2009 à 03:08:10

Bonsoir j'ai quelques soucis sur mon site pour aligner deux colonnes de boutons de chaque coté d'une vidéo. J'ai une div qui contient la vidéo dont j'ai défini la taille:

Code :
  1. #videoembed {
  2. margin: 0px auto;
  3. width:740px;
  4. height:405px;
  5. }



puis les deux colonnes de bouton qui sont en float:

Code :
  1. #alignmenu {
  2. width:82px;
  3. height:405px;
  4. background: url(images/buttonbg.png);
  5. float:left;
  7. }
  9. #alignmenuright {
  10. width:82px;
  11. height:405px;
  12. background: url(images/buttonbg.png);
  13. float:right;
  14. }



ce que j'aurai souhaité c'est que les deux colonnes viennent se collés contre la vidéo, j'ai essayé d'inverser les float; pour la colonne de gauche j'ai mis float:right; mais la colonne ne viens pas se collé contre la vidéo, elle passe de l'autre coté, je sais pas trop comment faire, merci de votre aide

Répondre
Meilleure réponse apportée par ideal23

bonjour
peut être ca

#container {
margin: 0px auto;
width:905px;
height:405px;
}
#alignmenu {
width:82px;
height:405px;
float:left;
background-color: #000066;
}
#videoembed {
float:left;
width:740px;
height:405px;
background-color: #99CC00;
margin-left: 0px;
}
#alignmenuright {
width:82px;
height:405px;
float:right;
background-color: #00FFFF;
}

et

<body>
<div id="container">
<div id="alignmenu">
</div>
<div id="videoembed">
</div>
<div id="alignmenuright">
</div>
</div>

</body>

changer les couleurs par images et adapter les dimensions
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
ideal23   28-06-2009 à 11:22:06
Meilleure réponse


bonjour
peut être ca

#container {
margin: 0px auto;
width:905px;
height:405px;
}
#alignmenu {
width:82px;
height:405px;
float:left;
background-color: #000066;
}
#videoembed {
float:left;
width:740px;
height:405px;
background-color: #99CC00;
margin-left: 0px;
}
#alignmenuright {
width:82px;
height:405px;
float:right;
background-color: #00FFFF;
}

et

<body>
<div id="container">
<div id="alignmenu">
</div>
<div id="videoembed">
</div>
<div id="alignmenuright">
</div>
</div>

</body>

changer les couleurs par images et adapter les dimensions

Répondre à ideal23
dakiller   28-06-2009 à 13:11:31

merci beaucoup ideal23, je vais essayer ça au plus vite! ;)

Répondre à dakiller
dakiller   28-06-2009 à 13:18:02

Parfait c'est exactement ce que je voulais, un grand merci à toi ideal23!

Répondre à dakiller
ideal23   28-06-2009 à 13:33:34

pas de quoi, bonne programmation.

Répondre à ideal23
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > [Résolu] Problème pour aligner plusieurs div
Aller à :

Il y a 1686 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,518 secondes
Liens