28173 sujets

CSS et mise en forme, CSS3

Bonjour,
Ceci est mon premier post bien que je passais déjà très souvent lire les messages du forum!

Voilà, je retape completement mon site dont le menu qui causait beaucoup de problèmes...

J'ai trouvé le code suivant, parfait pour la grande arborescence de mon site. Mais je n'arrive pas à appliquer le a:hover sur les images et le texte des entetes du menu A B C D... (au niveau des sous menu 1 2 3 4, j'y arrive). En fait je ne comprend pas ceci : .sdmenu .title, .sdmenu .titlehidden{...} et comment y rajouter le a:hover

http://site.voila.fr/infodreams/1.htm

En vous remerciant de votre aide
Monky
Modifié par Monky (26 Dec 2006 - 18:36)
bah un peu normal que ça ne marche pas comme tu veux si tu ne met pas de lien sur tes boutons de premier niveau. met leur un href="#"

p.s: sinon tu peux rendre les choses plus propres en faisant ton menu en <ul><li>...
J'ai mis mon a href="#" comme ce qui suit, mais rien ne réagit

<DIV class=sdmenu>

<SPAN class=title id=top><a href="#"><IMG class=arrow alt=* src="Untitled Document_fichiers/expanded.gif">A</a></SPAN>

<DIV class=submenu>
<ul>
<li><A href="http://site.voila.fr/infodreams/1.html">1</A> </li>
<li><A href="http://site.voila.fr/infodreams/2.html">2</A> </li>
<li><A href="http://site.voila.fr/infodreams/3.html">3</A> </li>
</ul>
</DIV>


Je n'arrive pas à voir quelle classe sera réactive pour le a:hover dans les styles.. ??

Merci du conseil pour les puces, ce sera effectivement plus propre lorsque j'aurais fais une mise en page correcte