28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Le menu déroulant (drop-down) Sucker Fish me pose problème : je n'arrive pas à faire en sorte que le CSS ne s'applique qu'au menu et pas aux autres listes de la page.
Le menu est composé de listes (UL LI) à 2 niveaux, et fonctionne avec uniquement du CSS (sauf un peu de javascript pour ie 6).
L'original est visible là :
http://www.htmldog.com/articles/suckerfish/example/

Ma page de test est là :
http://www.cactuspro.com/menu_test.php

Si dans le CSS je remplace ceci :
ul li ul {
...
ul li > ul {

par cela :
div#cf_div_menu_hautul li ul {
...
div#cf_div_menu_hautul li > ul {


Alors la liste classique est correctement affichée, mais le menu du haut ne marche plus dans internet explorer 6 (comme d'hab c'est lui qui pose problème... Grrr...)

Comment faire ? Merci pour votre aide Smiley smile
Bonjour,

Il y a une typo dans mon message précédent : il y a bien un(e) espace entre cf_div_menu_haut et ul :
div#cf_div_menu_haut ul li ul {
...
div#cf_div_menu_haut ul li > ul {

Mais ça ne marche pas dans ie 6.

J'hésite à carrément remplacer le menu par un message explicatif à l'intention des utilisateurs d'ie 6, pour leur dire de changer, mais j'ai quand même 17% de visiteurs qui utilisent ne navigateur obsolète.
http://www.framablog.org/index.php/post/2009/02/20/stop-internet-explorer-6
Votre avis ?
salut,

sur ton ton code tu as une id sur le ul de ton menu horizontal, dans le css je ne le voit nul part.

dans le html

<ul id="cf_menu_haut">


rajouter #cf_menu_haut dans le css dans ta partie de menu horizontal.

ton exemple ne fonctionne pas non plus sous firefox3.0
flattazor a écrit :
sur ton ton code tu as une id sur le ul de ton menu horizontal, dans le css je ne le voit nul part.


Exact, je me base sur l'id du div qui contient le ul du menu horizontal.

a écrit :
rajouter #cf_menu_haut dans le css dans ta partie de menu horizontal.


J'ai du mal à voir en quoi ça changera de mettre le style sur l'ul ou sur le div qui contient l'ul, mais j'ai testé. Ca ne marche pas mieux. As-tu réussis à le faire marcher chez toi ?
Il suffit de l'enregistrer en local en .html, le style est inclus dans le fichier.

a écrit :
ton exemple ne fonctionne pas non plus sous firefox3.0


Bizarre, chez moi ça marche avec Firefox 3, aussi bien sous Linux que windows xp.