[ CSS ] ca fonctionne sous firefox mais pas sous IE

10 mars 2005, 00:53

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

Code : Tout sélectionner

<td class="menu_on" >

pk ca fonctionne pas sous IE ?

10 mars 2005, 00:56

Car IE ne supporte pas la pseudo-classe :hover sur les balises autres que <a>

Désolé...

10 mars 2005, 00:57

oups pardon
c'est

Code : Tout sélectionner

<td class="menu_off">

enfin bon ca fonctionne toujours pas ! pourtant :hover marche avec les liens sous IE.

10 mars 2005, 00:58

" 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 ?

10 mars 2005, 01:00

utiliser le javascript comme le fait phpmyadmin

10 mars 2005, 01:02

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:

Code : Tout sélectionner

<td><a class="menu_off">Contenu</a></td>

10 mars 2005, 01:13

euh l'idée de

Code : Tout sélectionner

<td><a class="menu_off">Contenu</a></td>

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

10 mars 2005, 01:19

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 !

10 mars 2005, 01:39

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>

10 mars 2005, 11:01

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

[ CSS ] ca fonctionne sous firefox mais pas sous IE

Qui est en ligne