Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
735 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS centrer trois div sur une ligne

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

CSS centrer trois div sur une ligne

n°1165511
Commander ​Keen
Posté le 30-07-2005 à 13:25:44  profilanswer
 

Boujour, mon probleme est que je n'arrive pas à centrer horizontalement trois div (pour faire un menu)
 
Tout d'abord, voila le code css:
 

Code :
  1. #menu_l
  2. {
  3. background-image: url(images/menu_l.png);
  4. background-repeat:no-repeat;
  5. width: 50px;
  6. height: 36px;
  7. float: left;
  8. }
  9. #menu_m
  10. {
  11. float: left;
  12. height: 36px;
  13. }
  14. #menu_r
  15. {
  16. background-image: url(images/menu_r.png);
  17. background-repeat:no-repeat;
  18. width: 50px;
  19. height: 36px;
  20. }


 
J'ai essayer de mettre ces trois div dans une div centré, mais ca me centre que la derniere div (la plus à droite)
 
PLEAAAZE HELP! :ouimaitre:


Message édité par Commander Keen le 30-07-2005 à 13:26:15
mood
Publicité
Posté le 30-07-2005 à 13:25:44  profilanswer
 

n°1165513
gatsusat
Posté le 30-07-2005 à 13:26:58  profilanswer
 

et le CODE HTML ???  
faudrait voir aussi comment il est foutu pour qu'on puisse taider

n°1165517
Commander ​Keen
Posté le 30-07-2005 à 13:31:37  profilanswer
 

Voila
 

Code :
  1. <div id="menu_l">
  2. </div>
  3. <div id="menu_m">
  4. <p class="menu"><a class="menu" href="">Accueil</a> :: <a class="menu" href="">News</a> :: <a class="menu" href="">Membres</a> :: <a class="menu" href="">Téléchargement</a> :: <a class="menu" href="">Liens</a></p>
  5. </div>
  6. <div id="menu_r">
  7. </div>

n°1165520
plainsofpa​in
Pingouino's lover
Posté le 30-07-2005 à 13:40:05  profilanswer
 

Citation :

Vous êtes le maillon faible ! Au revoir !


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1165522
Commander ​Keen
Posté le 30-07-2005 à 13:42:15  profilanswer
 

Merci pour ta réponse constructive et fort profitable

n°1165524
plainsofpa​in
Pingouino's lover
Posté le 30-07-2005 à 13:51:20  profilanswer
 

Edit : n'imp j'avais mal compris la question ^^'


Message édité par plainsofpain le 30-07-2005 à 13:52:03

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1165528
Commander ​Keen
Posté le 30-07-2005 à 13:56:36  profilanswer
 

Bon je trouve toujours pas, j'ai essayé de créer des div vide à gauche et droite mais ca marche pas non plus.
 
Je sens que je vais faire gueuler du monde ici mais si ca continu je vais faire un bon vieu tableaux (ca ca marche toujours ^^)

n°1165537
plainsofpa​in
Pingouino's lover
Posté le 30-07-2005 à 14:25:09  profilanswer
 

Mais pourquoi 3 div pour UN menu ?
 
Pourquoi mettre une liste de lien dans un paragraphe ?
 
Pourquoi répéter la classe "menu" 40 fois ?
 

Code :
  1. <ul class="menu">
  2. <li><a href="">Accueil</a></li>
  3. <li><a href="">News</a></li>
  4. <li><a href="">Membres</a></li>
  5. <li><a href="">Téléchargement</a></li>
  6. <li><a href="">Liens</a></li>
  7. </ul>


 
Avec une css pour styler ca correctement, et hop fini.


Message édité par plainsofpain le 30-07-2005 à 14:25:25

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1165575
afbilou
pouet your life
Posté le 30-07-2005 à 15:54:29  profilanswer
 

Pour faire les :: entre les elements du menu il va etre embeter pour IE :/
 
ul#menu > li + li:before { content: "::"; }
 
ne marchera pas sous Interbete Explorer :/

n°1165585
gatsusat
Posté le 30-07-2005 à 16:25:39  profilanswer
 

ben il les rajoute en JS
 
laule


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS centrer trois div sur une ligne

 

Sujets relatifs
Problème de positionnement CSS[VBS] [Résolu]Centrer du texte dans un document Word
[CSS/ IE mac vs IE pc] Y a 1 developpeur sous Mac [Resolu]centrer la page
menu deroulant (java script et CSS)[CSS] div à côté de mon texte qui grossi avec mon texte
[css] centrer site + pas entourage lien [RESOLU][CSS] Questions diverses
Jeux futuriste en ligneComment supprimer une ligne d'un dataset
Plus de sujets relatifs à : CSS centrer trois div sur une ligne


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR