Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Shop Recherche
1739 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  rollover sur fond de cellule

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

rollover sur fond de cellule

n°1281765
clockgeniu​s
Posté le 11-01-2006 à 23:14:03  profilanswer
 

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

mood
Publicité
Posté le 11-01-2006 à 23:14:03  profilanswer
 

n°1281776
afbilou
pouet your life
Posté le 11-01-2006 à 23:33:32  profilanswer
 

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

n°1281791
energiez
Posté le 12-01-2006 à 00:43:40  profilanswer
 

suffit de mettre:
 <td><a href="#">blabla</a></td>
 
td a:hover{ background-color: yellow; }  
 
La ca devré marcher sur IE :)

n°1282584
clockgeniu​s
Posté le 12-01-2006 à 22:53:06  profilanswer
 

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.
 

n°1282593
omega2
Posté le 12-01-2006 à 23:00:14  profilanswer
 

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.

n°1282596
afbilou
pouet your life
Posté le 12-01-2006 à 23:03:41  profilanswer
 

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

n°1282604
omega2
Posté le 12-01-2006 à 23:09:24  profilanswer
 

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

n°1282606
kalex
Posté le 12-01-2006 à 23:12:30  profilanswer
 

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:

n°1282608
omega2
Posté le 12-01-2006 à 23:14:16  profilanswer
 

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.

n°1283027
clockgeniu​s
Posté le 13-01-2006 à 15:11:53  profilanswer
 

peut tu me donne la ligne merci

mood
Publicité
Posté le 13-01-2006 à 15:11:53  profilanswer
 

n°1283032
clockgeniu​s
Posté le 13-01-2006 à 15:15:18  profilanswer
 

Non cbon jai trouver! Merci
en effect, dans dreamwever faut editer le style et dans block, mettre le display en block.
 
cimer vous assuré


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  rollover sur fond de cellule

 

Sujets relatifs
fond d'écran (c/c++ god programming language)Centrer verticalement dans une cellule
Rollover de Script JS[VBA][EXCEL] 2 valeurs pour une même cellule ?
[Excel] Compter le nombre de cellule non vide d'une colonne[CSS] impossible de changer la couleur du fond sous FF (IE ok) RESOLU
[Résolu] Image de fond absente[résolu] Image de fond sur lien d'un menu "en ligne" ???
empecher une image de fond de se répeterFond d'une div opaque.
Plus de sujets relatifs à : rollover sur fond de cellule


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR