Forum d'entraide PHPFrance

Bonjour

J'ai bcp chercher et je n'arrive pas a faire un vulgaire tabelau avec un effet de survol sur les case .... avec le CSS

<ul>
<li>test0</li>
<li>Test1</li>
<li>test 2</li>
<li>Test 3</li>
</ul>

Si qlq peu m'indiquer la voix .

Merci

Première chose, le code que tu nous montre n'est pas le code correspondant à un tableau, mais à une liste non ordonnée...
ensuite concernant le code css de survol, regarde du côté de :hover[->içi]
mais je ne sais plus si dans la spécification CSS2, la pseudo-class hover est autorisée sur d'autres éléments que a...?
renseigne toi;-)

Dans la norme CSS2, la pseudo classe :hover est applicable à tout élément du langage HTML, mais dans la pratique, IE ne l'applique que sur l'élément <a>

Il te faudra donc soit :
- réaliser un traitement JS onmouseover
- mettre des <a> prennant toute la place de chaque case

Bonjour,

J'ai utilisé ce script pour faire un effet de survol sur mon tableau mais au passage de la souris il me colore juste une case, celle ou je suis dessus avec ma souris... mais je souhaite colorer toute la ligne de mon tableau !

Comment faire ?

merci pour votre aide

<script language="JavaScript1.2">
function changeto(highlightcolor){
source=event.srcElement
if (source.tagName=="TR"||source.tagName=="TABLE")
return
while(source.tagName!="TD")
source=source.parentElement
if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
source.style.backgroundColor=highlightcolor
}
function changeback(originalcolor){
if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor
}
</script>