Guide informatique hardware En1heure.com
Articles phares : Quelle alimentation PC | Choisir son ecran LCD PC

Chercher un sujet :

Rollover en CSS

Support HTML / XHTML / CSS et validation de vos sites aux standards du Web.
Rollover en CSSMessagePosté: Mer Mai 19, 2004 9:17 am

Bonjour,
je voudrais faire un roll over en CSS mais je ne comprends pas ça ne marche pas j'ai fait ça pourtant
Code: Tout sélectionner
li {
color:#000;
}

li:hover {
color:#fff;
}

mais ça ne change pas de couleur au survol :?
mon code n'est pas bon ?

Messages: 99
Inscription: Mer Avr 07, 2004 4:14 pm
Localisation: Mâcon
Rollover en CSSMessagePosté: Mer Mai 19, 2004 9:55 am

Code: Tout sélectionner
<html>
<head><title></title>
<style type="text/css">
li {
color:#000;
}

li:hover {
color:#fff;
}
</style>
</head>
<body>

<ul>
  <li>kEEkOO</li>
  <li>lOol pOwAA</li>
</ul>

</body>
</html>


aucun problème chez moi (Firefox)

Messages: 42
Inscription: Mer Avr 14, 2004 9:22 pm
Localisation: Strasbourg
Rollover en CSSMessagePosté: Mer Mai 19, 2004 1:23 pm

Sur IE, la pseudo-classe :hover ne fonctionne QUE si elle est appliquée sur l'élément <a> :(
Avatar de l’utilisateur
Administrateur
Messages: 1614
Inscription: Ven Mar 26, 2004 7:16 am
Localisation: /var/www/
Rollover en CSSMessagePosté: Mer Mai 19, 2004 1:40 pm

en tout cas si c'est pour un lien tu devrais faire
HTML
Code: Tout sélectionner
<ul>
<li><a href="./#">Lien</a></li>
</ul>

CSS
Code: Tout sélectionner
a:link {
color:#fff;
}

a:hover {
color:#fff;
}


si ce n'est pas pour un lien je n'ai pas de solution à te proposer, SIB p-e ?

Messages: 99
Inscription: Mer Avr 07, 2004 4:14 pm
Localisation: Mâcon
Rollover en CSSMessagePosté: Mer Mai 19, 2004 3:00 pm

vive IE :twisted:
Rollover en CSSMessagePosté: Mer Mai 19, 2004 10:25 pm

ah je ne savais pas qu'internet explorer était mauvais moi il m'affiche bien les pages

en tout cas c'était pour faire changer la couleur d'un lien donc ça marche merci à vous
@+
tarentino

Messages: 42
Inscription: Mer Avr 14, 2004 9:22 pm
Localisation: Strasbourg
Rollover en CSSMessagePosté: Jeu Mai 20, 2004 8:05 am

vanquish a écrit:si ce n'est pas pour un lien je n'ai pas de solution à te proposer, SIB p-e ?

Si ce n'est pas pour un lien, les CSS n'ont pas à intervenir normalement ;)
Comme le préconise le W3C, les événement dynamiques doivent être gérés par javascript (oui, même si 10% des gens ne l'ont pas actif).
Théoriquement, les CSS ne servent qu'à la mise en page, la balise <a> et ses rollovers sont entre deux feux.
Avatar de l’utilisateur
Administrateur
Messages: 1614
Inscription: Ven Mar 26, 2004 7:16 am
Localisation: /var/www/
Rollover en CSSMessagePosté: Jeu Mai 20, 2004 8:11 am

Tiens je ne savais pas du tout, tu veux dire que le CSS est réservé à la mise en forme statique ?
Donc sur ce coup là IE a raison non ?

Messages: 42
Inscription: Mer Avr 14, 2004 9:22 pm
Localisation: Strasbourg
Rollover en CSSMessagePosté: Jeu Mai 20, 2004 8:20 am

vanquish a écrit:Tiens je ne savais pas du tout, tu veux dire que le CSS est réservé à la mise en forme statique ?
Donc sur ce coup là IE a raison non ?

CSS est fait pour la présentation, pas vraiment pour l'interaction (le :hover étant entre les deux).
Selon les spécifications, :hover peut être appliqué à n'importe quel élément, donc IE bugge en effet.

Retourner vers HTML / XHTML / CSS



Chercher un sujet :


cron