menu dépliant 100 % css compatible ie6 et tous navigateur

[bormat]

bonjour j'ai enfin réussis à trouvé un menu 100 % sans js compatible ie 6
http://bormat2.free.fr/
il n'y a aucun pb sous firefox par contre sous ie6 on voit des pointillets sous les case comment les supprimer et aussi comment changer la couleur au passage de la souris sinon ça je trouverais
résolu pour avoir un menu déroulant css sans js aller ici


Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7

[bormat]

voici donc la solution pour supprimer les pointillés sous les liens
il faut supprimer cette ligne

Code : Tout sélectionner

a:visited { border-bottom: 0.1em dashed ! important; text-decoration: none ! important; }

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7

[Asumbaa]

Salut bormat,

... et aussi comment changer la couleur au passage de la souris sinon ça je trouverais

Pour la couleur au survol, il faut que tu ajoutes un background-color de ton choix au niveau du sélecteur suivant :

Code : Tout sélectionner

.menu1 ul li a:hover

Tu peux aussi doubler ton :hover d'un :focus afin d'offrir les mêmes avantages à ceux qui naviguent au clavier plutôt qu'à la souris.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9) Gecko/2008052906 Firefox/3.0

[bormat]

Salut bormat,

... et aussi comment changer la couleur au passage de la souris sinon ça je trouverais

Pour la couleur au survol, il faut que tu ajoutes un background-color de ton choix au niveau du sélecteur suivant :

Code : Tout sélectionner

.menu1 ul li a:hover

Tu peux aussi doubler ton :hover d'un :focus afin d'offrir les mêmes avantages à ceux qui naviguent au clavier plutôt qu'à la souris.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9) Gecko/2008052906 Firefox/3.0

merci je testerais

[bormat]

bonjour
le hover marche sur tous les navigateur et sous ie partit de la 5.5
mais maintenant je me demandé si il était possible de faire un hover de couleur(ou image) différente pour l'endroit où il y a marqué comparateur de pris et une autre couleur la ou il y a marqué menu sous
sans utliser le js et restant compatible avec ie6

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7

[chinon37]

oui, avec une classe pour les sous menus, par exemple....

[bormat]

tu es sur car j'ai lu que ie ne sais faire les hovers que sur les <a> je vais tester

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7

[chinon37]

Il ne faut pas mélanger les css et les balises html. Rien ne t'empêche d'attribuer une classe à un lien <a>, ça restera un lien.

[bormat]

merci ça marche



Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7

[bormat]

voici mon menu il marche mais que sur une page vide http://bormat2.free.fr/20090402114558/
quand j'écris à la suite du menu déroulant il s'alonge au lieu que normalmentil ne devrait faire ce qui est dand la même div ou ul
que j'écrive dans des <p><a>ou<div>
ie6 m''alonge le menu déroulant pas de pb pour ie7 et les autres

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.8) Gecko/2009032609 Firefox/3.0.8

[bormat]

c'est résolu tout en html et css sans js compatible ie 6 et tout navigateur
voir le résultat

http://bormat2.free.fr/
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.8) Gecko/2009032609 Firefox/3.0.8