28173 sujets

CSS et mise en forme, CSS3

En modifiant :
#nav li ul ul {margin: -1.2em 0 0 [b]3em[/b];}


j'arrive à régler un peu le décalage mais les listes primaires ne sont pas du tout en dessous des boutons ! je ne trouve pas comment faire...

ça fait quand même peur de voir qu'une partie de mon traffic tourne avec IE 5.5 ou 6.0 et que certain ont encore Windows 95... ! Surout vu le prix des PC aujourd'hui.
Modifié par stanfield (15 Feb 2007 - 13:37)
Eh ben dis donc... pas beaucoup de solutions on dirait !

Encore une question, ce menu n'est absolument pas conforme CSS car des élément <LI> ne peuvent pas en contenir d'autre... comment y remedier ? ou plutot, est-il possible d'y remedier ?
Administrateur
stanfield a écrit :
Encore une question, ce menu n'est absolument pas conforme CSS car des élément <LI>

Hello,

Il y'a confusion : une mauvaise imbrication d'éléments HTML ne conduit pas à une non-conformité en CSS.
De plus, l'élément <li> peut très bien contenir d'autres éléments <li>. C'est <ul> qui ne peut contenir directement *que* des <li> et rien d'autre.
http://www.la-grange.net/w3c/html4.01/struct/lists.html#h-10.2

Pour répondre à ta question, je te suggère cette piste : http://dosimple.ch/articles/Menus-dynamiques/
Modifié par Raphael (16 Feb 2007 - 18:03)
même sur cet exemple, il y a ce fichu décalage de la première liste...

Internet Explorer, la navigateur sans espoir...

Bon, je vais étudier ça ! merci Smiley biggrin
Ouaip ce menu est vraiment bien...

2 questions cependant :
- Le menu n'occupe pas toute la largeur de la fenêtre, il y a 1 ou 2 pixels de décalage à droite et à gauche et je n'arrive pas à le rectifier...

- Je voudrais mettre une "flêche" (arrow.gif) en arrière plan seulement pour les items qui contiennent des sous menus, quelle est la meilleure méthode ? j'ai pas mal galéré la dessus, je pense que je dois mal faire quelquechose !

>> http://www.photollivier.com/essai/essai_menu.html <<

Merci pour ces précisions !

Edit : Si on peut mettre des balises LI dans d'autre balises LI, pourquoi Dreamweaver me dit : La balise "li" n'est pas autorisée dans "li". Elle n'est acceptée que dans dir, menu, ol, ul. [XHTML 1.0 Transitional]
Modifié par stanfield (17 Feb 2007 - 12:43)
Encore un petit soucis, sous IE6 et 5.5, le menu "divers" se place à la ligne, Est-il possible de corriger cela ?
le dernier menu est à la ligne à cause de
.menu li {margin:0 5px 0 0;}

Or, je ne savais pas que certains navigateurs interprétaient les pixels d'une manière différente !

comment résoudre ça ?