| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
Cyborg69
html mioche
 |
 changer la couleur du texte au survol de la souris , Posté le: 03-07-2005 20:18 |
|
|
j'ai une div où je veux faire en sorte que le texte à l'interieur changer de couleur quand la souris passe sur le div.
j'ai ça comme code :
| Code: |
#spoil_aff {
margin: auto;
margin-top: 10px;
width: 480px;
align: center;
border: 1px SOLID GRAY;
color: #FDFDFD;
}
#spoil_aff:hover {
color: #003366;
} |
pas la pêne d'essayer sous firefox vu que ça marche bien, c'est plutôt ce satané IE qui fait encore des siennes  |
|
|
Cyborg69
html mioche
|
| changer la couleur du texte au survol de la souris , Posté le: 07-07-2005 15:02 |
|
|
bon personne n'a l'air d'avoir une solution 
tant pis j'essaierai ue autre solution.
ps : desolé j'ai remarqué que j'aurai dû poster dans la section css |
|
|
salemioche
salemioche
 |
| changer la couleur du texte au survol de la souris , Posté le: 07-07-2005 15:10 |
|
|
ton code est bon, mais IE ne supporte tout simplement pas cela.
si tu veux vraiment avoir ce comportement, tu dois passer par du javascript et changer la class ou l'attribut sur l'evenement onMouseOver / onMouseOut.
.
______________________________________
creation site internet - Hébergement web - Agence Web |
|
|
Cyborg69
html mioche
|
| changer la couleur du texte au survol de la souris , Posté le: 07-07-2005 16:21 |
|
|
ok merci salemioche, je vais me tourner vers le javascript dans ce cas  |
|
|
SIBELIUS
html mioche
 |
| changer la couleur du texte au survol de la souris , Posté le: 07-07-2005 19:21 |
|
|
Il faut spécifier à IE qu'il s'agit d'un lien.
Essaye :
| Code: |
a#spoil_aff {
margin: auto;
margin-top: 10px;
width: 480px;
align: center;
border: 1px SOLID GRAY;
color: #FDFDFD;
}
a#spoil_aff:hover {
color: #003366;
} |
PS : "align: center;" n'existe pas. Tu veux utiliser "text-align", je suppose.
PS2 : "width: 480px;" ne fonctionnera pas sur <a> qui est une balise de type inline. Seuls les blocs peuvent avoir des dimensions.
EDIT : oups, je n'avais pas vu qu'il ne s'agissait *pas* d'un lien
Donc en effet, IE ne reconnaît la pseudo-classe "hover" *que* sur les éléments de lien (<a>) |
|
|
Cyborg69
html mioche
|
| changer la couleur du texte au survol de la souris , Posté le: 07-07-2005 21:23 |
|
|
oui j'ai essaier de "feinter" en faisant croire que mon texte est un lien mais si je met pas de "href" il ne le reconnai pas tel quel.
Au niveau du "align:center" j'ai une question :
quand je fait ma page html il m'arrive de mettre le css directement dans ma page (par exemple <div style=".....">contenu</div> ) pour simplifier les choses pendant que je crée. Et quand je met
| Code: |
| <div style="align: center">contenu</div> |
ma div se retrouve centrée alors que quand je met les style dans ma feuille de style ce n'est plus centré, il faut utiliser "text-align: center".
Est-ce que quelqu'un sait pourquoi ? |
|
|
SIBELIUS
html mioche
|
| changer la couleur du texte au survol de la souris , Posté le: 08-07-2005 6:12 |
|
|
| Cyborg69 a écrit: |
Et quand je met
| Code: |
| <div style="align: center">contenu</div> |
ma div se retrouve centrée alors que quand je met les style dans ma feuille de style ce n'est plus centré, il faut utiliser "text-align: center".
Est-ce que quelqu'un sait pourquoi ? |
Je rappelle que la propriété "align" n'existe tout simplement pas en CSS 
Tu dois confondre avec la propriété "align" de HTML (qui est dépréciée). |
|
|
Cyborg69
html mioche
|
| changer la couleur du texte au survol de la souris , Posté le: 10-07-2005 13:32 |
|
|
ah oui excuse je suis allé revérifier je me suis trompé.
Donc
| Code: |
| <div align="center"> |
est la même chose que
| Code: |
| <div style="text-align: center"> |
si j'ai bien compris |
|
|
|
S'enregistrer
Profil
Se connecter pour vérifier ses messages privés
Rechercher
Membres
FAQ
Connexion
