CSS centrer trois div sur une ligne

Marsh Posté le 30-07-2005 à 13:25:44

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 :

#menu_l
{
background-image: url(images/menu_l.png);
background-repeat:no-repeat;
width: 50px;
height: 36px;
float: left;
}
#menu_m
{
float: left;
height: 36px;
}
#menu_r
{
background-image: url(images/menu_r.png);
background-repeat:no-repeat;
width: 50px;
height: 36px;
}

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

Reply

Marsh Posté le 30-07-2005 à 13:25:44

Reply

Marsh Posté le 30-07-2005 à 13:26:58

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

Reply

Marsh Posté le 30-07-2005 à 13:31:37

Voila

Code :

<div id="menu_l">
</div>
<div id="menu_m">
<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>
</div>
<div id="menu_r">
</div>

Reply

Marsh Posté le 30-07-2005 à 13:40:05

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

Reply

Marsh Posté le 30-07-2005 à 13:42:15

Merci pour ta réponse constructive et fort profitable

Reply

Marsh Posté le 30-07-2005 à 13:51:20

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

Reply

Marsh Posté le 30-07-2005 à 13:56:36

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 ^^)

Reply

Marsh Posté le 30-07-2005 à 14:25:09

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 :

<ul class="menu">
<li><a href="">Accueil</a></li>
<li><a href="">News</a></li>
<li><a href="">Membres</a></li>
<li><a href="">Téléchargement</a></li>
<li><a href="">Liens</a></li>
</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

Reply

Marsh Posté le 30-07-2005 à 15:54:29

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

Reply

Marsh Posté le 30-07-2005 à 16:25:39

ben il les rajoute en JS

laule

Reply

CSS centrer trois div sur une ligne

Sujets relatifs:

Leave a Replay