rollover sur fond de cellule - HTML/CSS - Programmation
Marsh Posté le 11-01-2006 à 23:33:32
td:hover { background-color: yellow; }
Marchera pas sur IE ...
Marsh Posté le 12-01-2006 à 00:43:40
suffit de mettre:
<td><a href="#">blabla</a></td>
td a:hover{ background-color: yellow; }
La ca devré marcher sur IE
Marsh Posté le 12-01-2006 à 22:53:06
Voila enfaite
Sur la page HTML sa donne:
<td width="160" height="21">
<p align="center" style="line-height:100%; margin-top:0; margin-bottom:0;"><font face="Arial" size="2"><a href="#" id="a">Introduction</a></font></p>
</td>
Sur la page CSS sa donne:
tr a:hover {
background-color: #82CA9C;
}
tr a:link {
text-decoration: none;
color: #000000;
}
----
Mais le résultat est que just le fond du text change de couleur et non pas le fond de la cellule.
Marsh Posté le 12-01-2006 à 23:00:14
normal, p, font et a sont des balises inline, ce qui implique que leur taille est égale à la taille des éléments qu'ils contiennent. (le mot "Introduction" dans le cas présent)
Si tu les mets avec un "display:block" tu pourras leur donner une taille.
Marsh Posté le 12-01-2006 à 23:09:24
p est de type block? J'ai toujours crus que c'était un type inline.
Marsh Posté le 12-01-2006 à 23:12:30
Ca fait combien d'années qu'on répète que les tableaux ne sont pas adaptés à la mise en page web ?
Je désespère, les bouts de codes sur ce forum sont parfaitement les mêmes qu'il y a 3 ans.
Marsh Posté le 12-01-2006 à 23:14:16
kalex > Le probléme, c'est pas qu'on le dit ici, c'est qu'il existe plusieurs disaines de milliers de tutoriels datant parfois de plus de 10 ans et qui disent l'inverse. Et là, je compte pas les profs d'infos et les "formateurs" qui ont oublier de regarder si le monde du web n'avait pas évolué pendant tout ce temps.
Marsh Posté le 13-01-2006 à 15:15:18
Non cbon jai trouver! Merci
en effect, dans dreamwever faut editer le style et dans block, mettre le display en block.
cimer vous assuré
Marsh Posté le 11-01-2006 à 23:14:03
Hello, voila j'ai dreamwever et jaimerai que vous mexpliker comment faire pour que quand un utilisateur passe la sourris sur la cellule d'un tableau, le fond de la cellule change de couleur.
J'ai essayer avec un style CSS en modifiant le background en "hover" mais sa me change aussi la couleur d'arriere plan de la page.
merci