OVH Cloud OVH Cloud

IE et hover

17 réponses
Avatar
romer
Bonjour,

J'ai cette ligne qui permet de modifier la déco d'un lien quand la
souris le survole.
li a span.taillemenu:hover{
font-weight: bold;
color:#999;
}

Or, comme vous savez, IE 6 et 7 ignorent cela.
Comment faire pour contourner cette lacune ? J'ai en effet besoin de
modifier l'allure de ce lien sans utiliser JS.

Merci.
--
A+

Romer

7 réponses

1 2
Avatar
romer
SAM wrote:

suffit de hoveriser sur le a et non pas sur son contenu.



C'est un peu cela que je ne vois pas bien comment faire justement.
Je vais chercher en effet à le faire quitte à tout refaire le système de
lien mais ça va me prendre du temps et je n'ai pas de IE pour vérifier
chaque fois ! Faut que j'attende le lendemain au poste de travail pour
vérifier !

La solution, serait l'élimination radicale et pure et simple de tous les
IE de la planète - Obama y arrivera t-il ?
--
A+

Romer
Avatar
SAM
Le 11/8/08 12:37 PM, Bernd a écrit :
SAM wrote:

J'ai cette ligne qui permet de modifier la déco d'un lien quand la
souris le survole.
li a span.taillemenu:hover{
font-weight: bold;
color:#999;
}

Or, comme vous savez, IE 6 et 7 ignorent cela.





Merci de toutes vos réponses mais les solutions proposées me paraissent
lourdes pour seulement modifier un lien survolé dans IE 6 et 7



Bon ... il semble qu'il faille reprendre avec ton cas spécifique :

li a span.taillemenu { color: #ccc }
li a:hover span.taillemenu { color: #999 }

Voilà !

et ne me dit pas que c'est plus "lourd" que ce tu proposes.

Il n'y a rien à changer dans le html qui continue a rester qque chose
comme :

<a href="p1.htm">
Lien <span class="taillemenu">N° 1</span> <span>page 1</span>
</a>

Normalement ces IE doivent aussi pouvoir modifier l'image-lien(*) ou/et
son span inclus

li a span { color: green }
li a:hover span { color: violet }



C'est bien cela qui ne fonctionne pas alors que ça fonctionne avec tous
les autres navigateurs que j'ai testés.



Je n'ai pas IE7, mais comme IE6 y arrive, je ne vois pas ce qui peut le
bloquer.

Bref, cela me semble assez lourd à mettre en oeuvre ;-((



Si tu trouves ça "lourd" alors arrête les CSS !


--
sm
Avatar
romer
SAM wrote:

Bon ... il semble qu'il faille reprendre avec ton cas spécifique :

li a span.taillemenu { color: #ccc }
li a:hover span.taillemenu { color: #999 }

Voilà !



J'ignorai que a: hover span... pouvait fonctionner, pensant que IE ne
tolerait que a:hover...

Bon, j'essaye après-demain au boulot où se trouve cet ignomineux IE.

et ne me dit pas que c'est plus "lourd" que ce tu proposes.



Bien entendu - Je parlais de "lourd" en fait pour les solutions avec JS
ou les instructions conditionnelles made in MS dans le html - CSS n'est
jamais lourd.

Si tu trouves ça "lourd" alors arrête les CSS !



Pas question ;-)
--
A+

Romer
Avatar
Dominique Ottello
(Bernd) écrivait :

Merci de toutes vos réponses mais les solutions proposées me paraissent
lourdes pour seulement modifier un lien survolé dans IE 6 et 7



Au risque de me répéter :

Dans les css

a,a:link,a:visited {color:blue;font-style:normal;text-decoration:none;}
a:hover, a:focus {color:red;text-decoration:underline;font-weight:bold;}

Fonctionne très bien (Sous Windows) avec IE7 et Firefox.

Inconvénient : pas de différenciation des liens déjà visités.

--
Ce n'est pas parce que l'erreur se propage qu'elle devient vérité. Gandhi
Technologie aéronautique : http://aviatechno.free.fr (http://ottello.net)
Concorde dans la presse de 1965 à 2003 : http://le.pointu.free.fr
Avatar
SAM
Le 11/9/08 11:55 AM, Dominique Ottello a écrit :
(Bernd) écrivait :

Merci de toutes vos réponses mais les solutions proposées me paraissent
lourdes pour seulement modifier un lien survolé dans IE 6 et 7



Au risque de me répéter :

Dans les css

a,a:link,a:visited {color:blue;font-style:normal;text-decoration:none;}
a:hover, a:focus {color:red;text-decoration:underline;font-weight:bold;}

Fonctionne très bien (Sous Windows) avec IE7 et Firefox.

Inconvénient : pas de différenciation des liens déjà visités.



Pourtant ça doit aussi fonctionner :

a {font-style:normal;text-decoration:none;}
a:link {color:blue}
a:visited {color: violet; }
a:focus { background: yellow }
a:hover {color:green; background:lightyellow}
a:active { color: red }

attention! l'ordre des déclarations est important.

--
sm
Avatar
romer
Dominique Ottello wrote:

a,a:link,a:visited {color:blue;font-style:normal;text-decoration:none;}
a:hover, a:focus {color:red;text-decoration:underline;font-weight:bold;}



Merci - je teste mercredi au boulot.

Fonctionne très bien (Sous Windows) avec IE7 et Firefox.



Mais cela fonctionnera t-il avec IE6 dont 90 postes à mon travail sont
encore affublés et parasités !
--
A+

Romer
Avatar
SAM
Le 11/10/08 8:43 PM, Bernd a écrit :
Dominique Ottello wrote:

a,a:link,a:visited {color:blue;font-style:normal;text-decoration:none;}
a:hover, a:focus {color:red;text-decoration:underline;font-weight:bold;}



Merci - je teste mercredi au boulot.

Fonctionne très bien (Sous Windows) avec IE7 et Firefox.



Mais cela fonctionnera t-il avec IE6 dont 90 postes à mon travail sont
encore affublés et parasités !




encore une fois IE6 XP y arrive très bien avec les liens !

tiens essaie ça :
<http://cjoint.com/?llbkoHceol>
<http://cjoint.com/data/llbkoHceol_diapos_css.htm>

--
sm
1 2