28220 sujets

CSS et mise en forme, CSS3

Hello all,

Je suis face à un casse tête, ou alos je n'ai plus les yeux en face des trous. Voila :
<table summary="bli">
    <thead><tr>
        <a href=""><td>bli</td></a>
<a href=""><td>bli</td></a>
<a href=""><td>bli</td></a>
<a ref=""><td>bli</td></a>
<td>bli</td><td>bli</td>
    </tr></thead>
</table>

table thead a {display:block;background: #F1AF6D; color:black;text-decoration:none;}

table thead a:hover {background: white;}

La logique voudrait que la case survolée de ma table change de couleur, et bien que nenni, je n'ai même plus de lien ! A noter que le html se trouve dans une frame (nécessité technique, appli web, pas site internet) et que le link css est dans cette même frame.

Help...
Modifié par kuvett (23 Jun 2005 - 13:10)
Modérateur
Salut,

tu dois inverser les balises de lien et celles des cellules et définir des dimensions pour l'espace occupé par la couleur de fond des liens.

Smiley cligne
Modifié par koala64 (14 Jun 2005 - 16:04)
ah ben vi... La soluce :
table thead a {display:block;background: #F1AF6D; color:black;text-decoration:none;height:100%;}

<td><a href="">numero<br/>bli</a></td>

Merci bien !
Modifié par kuvett (14 Jun 2005 - 16:39)
Pas complètement résolu, en fait, ça ne marche pas sous IE !... ma cellule ne devient pas active en cas de passage de la souris. J'ai loupé quelque chose ? Je pensais que celà marchait sur tous les nav. C'est le display:block qui ne plait pas à IE (je crois savoir que c'est un des CSS2 qu'il n'aime pas) ?