28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Mon problème est lié au code CSS d'une boutique perso.


upload/44633-menu1a.jpg


j’ai essayé de faire disparaître les 4 onglets montrés sur l'image ("Boutique" - "Motifs" - "Panier" - "Aide"), en mettant ce code:

#menu li {
display:none;
float:left;
margin:0;
padding:0;
}
#menu li a {
padding:0 1em 0 1em;
margin:0;
display:none;
}


Le résultat obtenu c’est qu’il les a fait disparaître mais sans le menu déroulant du 1er onglet (montré ici sur cette image).

upload/44633-menu2.jpg


Est-ce qu'il y a quelqu’un SVP pour m’aider à le faire disparaître?

Merci
Modifié par Noral (08 May 2012 - 20:54)
Modérateur
Bonjour,

la cause est que le menu déroulant n'est pas dans le li, mais sûrement une div plus bas. Il existe de bon outil pour explorer tes pages, comme chrome ou firefox & firebug.

Sinon la bonne manière de les cacher est de ne jamais les créer/générer dans le html…
kustolovic a écrit :


Sinon la bonne manière de les cacher est de ne jamais les créer/générer dans le html…



Ce n’est pas moi qui les ai généré, puisque cette boutique est fourni par un site. l’avantage c’est que ce site te permet de faire quelques modification dans ta boutique via une fenêtre html/css.

En tout cas merci pour ta réponse kustolovic Smiley cligne je vais essayer d'explorer la piste de la div comme tu m'as dit, j'espère que je trouverais quelque chose.