CSS et changement de couleur
CSS et changement de couleur - HTML/CSS - Programmation
Marsh Posté le 11-05-2003 à 19:22:45
Soit en définissant ta cellule dans une classe spéciale dans ta feuille CSS,
Soit en js+CSS intégré : onmouseover="style.backgroundColor='couleur'" onmouseout="style.backgroundColor='couleur2'"
---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Marsh Posté le 11-05-2003 à 19:36:04
tu peux m'expliquer la première solution ça m'intéresse..
Marsh Posté le 11-05-2003 à 19:52:08
Première solution :
(prérequis :
- il faut un lien dans la cellule (c'est le cas)
- il faut avoir une taille de cellule définie (50px dans ce t exemple)
Ton CSS :
a.cell {
background-color: yellow;
width: 50px;
}
a.cell:hover {
background-color: blue;
}
.cellule {
width: 50px;
}
Ton HTML :
<td class="cellule"><a href="lien" class="cell">lien</a></td>
---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Marsh Posté le 11-05-2003 à 19:54:27
Deuxième solution : (sans lien, juste pour changer la couleur de cellule)
Le CSS:
.jaune {
background-color: yellow;
}
.bleu {
background-color: blue;
}
Le HTML :
<td class="jaune" onmouseout = "this.className='jaune'" onmouseover = "this.className='bleu'"></td>
---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Marsh Posté le 11-05-2003 à 19:54:54
ha ouais ok, merci, je pense que je vais prendre cette solution c plus facile à mettre en oeuvre pour une grande quantité de cellules.
Marsh Posté le 28-05-2003 à 10:49:37
| SIBELIUS a écrit : Première solution : |
moi le prob, c'est que mes cellules font 20px de haut et si je rajoute height:20px; dans le style du lien, ca couvre bien toute la cellule mais le texte est aligné en haut, est ce qu'il est possible de mettre le texte au centre du lien ?
Marsh Posté le 28-05-2003 à 14:24:56
ca marche pas avec vertcial-align:middle parceque ca centre le lien au milieu de la case mais ca centre pas le texte au milieu du lien. Par contre, on m'a donné la solution, avec line-height de la hauteur de ma case, ca marche.
Marsh Posté le 28-05-2003 à 19:26:18
pour une grande quantité de cellules?
mais tu vas devoir retaper le onmouseout et le over pour chaque td, non?
c'est pas très pratique... y a pas une autre solution?
Message édité par thwz le 28-05-2003 à 19:27:34
---------------
plop!
Marsh Posté le 28-05-2003 à 19:35:30
| thwz a écrit : pour une grande quantité de cellules? |
Si, la gestion normale des CSS permet de le faire avec un CSS et la pseudo-class :hover.
Seulement, il n'y a que opéra qui intègre cela correctement.
Marsh Posté le 28-05-2003 à 20:45:29
| gizmo a écrit : |
Et mozilla 
Sujets relatifs:
- Passage en XHTML/CSS > problèmes à l'horizon
- [JS] Afficher une palette de choix de couleur
- [ Css ] pas de probleme sous Moz mais pb sous IE.... pourtant...
- encore un pb de couleur ;)
- Bord de couleur noir pour une image avec un lien
- mettre de la couleur et des encadrures
- [CSS] inclure une classe dans une autre classe ?
- Problème de CSS sur un lien
- changement de login et de permissions NTFS
- [CSS]Changement de couleur des liens on rollover ?
Marsh Posté le 11-05-2003 à 19:04:59
Comment faire pour qu'en passant sur un lien qui est dans un <td>, la couleur de fond du <td> entière change ?