rollover sur fond de cellule

rollover sur fond de cellule - HTML/CSS - Programmation

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. :jap:  
 
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  :D  :D  :D  :D

Reply

Marsh Posté le 11-01-2006 à 23:14:03   

Reply

Marsh Posté le 11-01-2006 à 23:33:32    

td:hover { background-color: yellow; }
 
Marchera pas sur IE ...

Reply

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 :)

Reply

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.
 

Reply

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.

Reply

Marsh Posté le 12-01-2006 à 23:03:41    

p est de type block.
font est de type prehistorique.
[:aloy]

Reply

Marsh Posté le 12-01-2006 à 23:09:24    

p est de type block? J'ai toujours crus que c'était un type inline.

Reply

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. :cry:

Reply

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.

Reply

Marsh Posté le 13-01-2006 à 15:11:53    

peut tu me donne la ligne merci

Reply

Marsh Posté le 13-01-2006 à 15:11:53   

Reply

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é

Reply

Sujets relatifs:

Leave a Replay

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