Résolu Problème pour aligner plusieurs div

Solutions (4)
Tags :
  • Png
  • Programmation
|
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:

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


puis les deux colonnes de bouton qui sont en float:
  1. #alignmenu {
  2. width:82px;
  3. height:405px;
  4. background: url(images/buttonbg.png);
  5. float:left;
  6.  
  7. }
  8.  
  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
Contenus similaires
Meilleure solution
partage
|

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
  • Commenter cette solution |
Score
0
òh
òi
|
pas de quoi, bonne programmation.
  • Commenter cette réponse |
Score
0
òh
òi
|
Parfait c'est exactement ce que je voulais, un grand merci à toi ideal23!
  • Commenter cette réponse |
Score
0
òh
òi
|
merci beaucoup ideal23, je vais essayer ça au plus vite! ;) 
  • Commenter cette réponse |

Ce n'est pas ce que vous cherchiez ?

Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS