Problème de compatibilité

Problème de compatibilité - HTML/CSS - Programmation

Marsh Posté le 11-09-2005 à 19:07:53    

Je vais essayer d'exposer mon problèmes simplement :
j'essaye de faire un Rollover sur une case de tableau.
Mon code marche parfaitement bien sous IE mais pas sous FF/netscape.
Et pour cause, ces derniers navigateurs ne prennent pas en compte la propriété background-image pour une TABLE, TR et TD.
 
petit code test pour s'en persuader :
 
<HTML>
<style type="text/css" >
TABLE
{background-image:'url(try.gif)';
}
</STYLE>
<TABLE>
<TR>
<TD>bimbam</TD>
<TD>pifpaf</TD>
</TR>  
</TABLE>
</HTML>
 
Le fond apparait bien dans IE mais pas dans FF :x
 
Hors pour le RollOver je change la classe de la case quand on passe au dessus(avec this.ClassName).
J'ai également essayer de modifier le background de facon plus simple avec backgroundImage (propriété javascript)
Mais ca ne marche pas non plus.
 
Es ce que quelqu'un a une idée pour rendre ce code compatible ?
 
Merci d'avance de vos réponses.

Reply

Marsh Posté le 11-09-2005 à 19:07:53   

Reply

Marsh Posté le 11-09-2005 à 19:19:13    

Peut-être parce qu'on met pas la propriété url entre quotes ;)
 

table {
  background: url('try.gif');
}

Reply

Marsh Posté le 11-09-2005 à 19:19:59    

PS : Fait un petit tour sur CSS Table Gallery, y'a plein d'exemples de stylage de tableau, hésite pas à regarder la source...

Reply

Marsh Posté le 12-09-2005 à 15:55:01    

<style type="text/css" >
TABLE
{background-image:'url(try.gif)';
}
</STYLE>


 
on ne met pas du tout de ' ou "
 
table {
background-image:url(try.gif);
}
 
devrait fonctionner.


Message édité par nombril le 12-09-2005 à 15:55:33
Reply

Marsh Posté le 12-09-2005 à 17:35:21    

nombril a écrit :

<style type="text/css" >
TABLE
{background-image:'url(try.gif)';
}
</STYLE>


 
on ne met pas du tout de ' ou "
 
table {
background-image:url(try.gif);
}
 
devrait fonctionner.


 
Exact,
C'est fou ca quand même, je croyais bien que j'avais essayé cette option.
En tout cas merci.

Reply

Marsh Posté le 12-09-2005 à 17:37:09    

nombril a écrit :

<style type="text/css" >
TABLE
{background-image:'url(try.gif)';
}
</STYLE>


 
on ne met pas du tout de ' ou "
 
table {
background-image:url(try.gif);
}
 
devrait fonctionner.


Par contre, on peut les mettre autour de l'URL

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed