Page 1 sur 1
[ CSS ] ca fonctionne sous firefox mais pas sous IE
Posté : 10 mars 2005, 00:53
par Invité
bonjour,
j'ai une feuille de style (valide w3c).
Quand je passe la souris sur une cellule d'un tableau, le background change.
bah ca ne fonctionne pas sous IE mais que sous firefox.
mon css:
Code : Tout sélectionner
.menu_off
{
color:#000000;
background-image: url("bouton_menu_1.png");
text-align: center;
vertical-align:middle;
width:112px;
height:30px;
}
.menu_off:hover
{
background-image: url("bouton_menu_2.png");
text-align: center;
vertical-align:middle;
width:112px;
height:30px;
}
et quand je déclare mon tableau dans mon fichier html
pk ca fonctionne pas sous IE ?
Posté : 10 mars 2005, 00:56
par Xenon_54
Car IE ne supporte pas la pseudo-classe :hover sur les balises autres que <a>
Désolé...
Posté : 10 mars 2005, 00:57
par Invité
oups pardon
c'est
enfin bon ca fonctionne toujours pas ! pourtant :hover marche avec les liens sous IE.
Posté : 10 mars 2005, 00:58
par Invité
" Car IE ne supporte pas la pseudo-classe :hover sur les balises autres que <a> "
et je fais koment ??? y a pas une facon de faire autrement ?
Posté : 10 mars 2005, 01:00
par fab
utiliser le javascript comme le fait phpmyadmin
Posté : 10 mars 2005, 01:02
par Xenon_54
Utiliser l'évènement onmouseover et onmouseout
Essayer de contourner ces contraintes en faisant du contenu de ta cellule, un lien en lui-même. Lien qui ne mènera nul par évidemment:
Posté : 10 mars 2005, 01:13
par Invité
euh l'idée de
ca ne s'applique qu'au texte ( j'ai le fond du text qui change pas tout le background de la cellule ).
onmouseover et onmouseout bah je veux bien mais je fais koment pour le fond de la cellule ?
et e javascript ? euh connait pas le javascript
Posté : 10 mars 2005, 01:19
par Invité
bon alors pour le faire en java bon j'ai trouver un script mais comment faire pour que ce soit l'image d'arrière plan de la cellule ?
le rollover peut etre faire sur une image mais, sur l'image d'arière plan ché po faire !
Posté : 10 mars 2005, 01:39
par Xenon_54
Hum, j'ai testé et cela ne fonctionne que s'il y a un href dans la balise <a> (même s'il est vide)
Pour javascript
Code : Tout sélectionner
<td onmouseover="this.style.background='#000'" onmouseout="this.style.background='#FFF'">Texte</td>
Pour une image
Code : Tout sélectionner
<td onmouseover="this.style.background='url(hover.gif)'" onmouseout="this.style.background='url(normal.gif)'">Texte</td>
Posté : 10 mars 2005, 11:01
par Invité
Quand je fais ca:
<td ><a class="menu_off" href="index.php?page=news" ><img src="news.png" width="32" height="16" align="absmiddle" /> Les news</a> </td>
ca ne fait de l'effet que sous le texte efin bon...
Sinon la technique de mouseover et mouseout fonctionne à merveille. j'ai exectement le meme rendu.
merci.
c'est quand meme dommage que IE ne respecte pas les standarts
