Se connecter avec
S'enregistrer | Connectez-vous
Votre question

Question

Tags :
dakiller http://m.bestofmedia.com/sfp/images/design/noimg/no-profil-100x100.jpg
Nouveau
| dans Programmation

Problème pour aligner plusieurs div

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

Autres pages sur:

probleme aligner plusieurs div
Répondre Afficher les solutions
3
Vous devez être inscrit pour voter pour une question
  • Partagez
  • Etre averti des réponses
  • Ajouter aux favoris
Alerter
Lassé par la pub ? Créez un compte
Ces contenus peuvent également vous intéresser
Solutions (4)
Meilleure solution
ideal23 http://m.bestofmedia.com/sfp/images/design/noimg/no-profil-100x100.jpg
Apprenti

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
  • Partagez
Alerter
Autres solutions (3)
Trier par
ideal23 http://m.bestofmedia.com/sfp/images/design/noimg/no-profil-100x100.jpg
Apprenti
Voter contre
Vous devez avoir un badge bronze dans cette catégorie pour votre contre une solution.
Score 0
Voter pour
Ce score indique à quel point cette solution est soutenue par la communauté. Vous devez être inscrit pour voter pour une solution. Créez votre compte ou identifiez-vous.
pas de quoi, bonne programmation.
Alerter
dakiller http://m.bestofmedia.com/sfp/images/design/noimg/no-profil-100x100.jpg
Nouveau
Voter contre
Vous devez avoir un badge bronze dans cette catégorie pour votre contre une solution.
Score 0
Voter pour
Ce score indique à quel point cette solution est soutenue par la communauté. Vous devez être inscrit pour voter pour une solution. Créez votre compte ou identifiez-vous.
Parfait c'est exactement ce que je voulais, un grand merci à toi ideal23!
Alerter
dakiller http://m.bestofmedia.com/sfp/images/design/noimg/no-profil-100x100.jpg
Nouveau
Voter contre
Vous devez avoir un badge bronze dans cette catégorie pour votre contre une solution.
Score 0
Voter pour
Ce score indique à quel point cette solution est soutenue par la communauté. Vous devez être inscrit pour voter pour une solution. Créez votre compte ou identifiez-vous.
merci beaucoup ideal23, je vais essayer ça au plus vite! ;) 
Alerter
Lassé par la pub ? Créez un compte
Nouvelle question Proposez une autre solution
non identifié
Vous n'êtes pas identifié. Se connecter ou S'enregistrer
Votre réponse
Tom's guide dans le monde