Changer couleur texte ET background au survol d'une cellule
Résolu/Fermé
lebeck2520
Messages postés
4
Date d'inscription
lundi 18 février 2013
Statut
Membre
Dernière intervention
19 février 2013
-
18 févr. 2013 à 17:22
lebeck2520 Messages postés 4 Date d'inscription lundi 18 février 2013 Statut Membre Dernière intervention 19 février 2013 - 19 févr. 2013 à 12:48
lebeck2520 Messages postés 4 Date d'inscription lundi 18 février 2013 Statut Membre Dernière intervention 19 février 2013 - 19 févr. 2013 à 12:48
A voir également:
- Changer la couleur du texte au survol css
- Changer dns - Guide
- Excel cellule couleur si condition texte - Guide
- Changer la couleur de la barre des taches - Guide
- Changer clavier qwerty en azerty - Guide
- Changer couleur whatsapp - Accueil - Messagerie instantanée
7 réponses
Salut
il faut ajouter une classe sur le TD concerné, exemple :
<table class="ms-rteTable-0" cellspacing="0" cellpadding="5" style="width: 670px; height: 27px; font-size: 1em">
<tbody>
<tr class="ms-rteTableEvenRow-0">
<td class="ms-rteTableOddCol-0 orange"><a href="link">Téléphonie?</a></td>
<td class="ms-rteTableOddCol-0"><a href="/link">Téléconférence</a>?</td>
</tr>
</tbody>
</table>
et dans le style, mettre ca :
td.orange{
background-color:#FFF;
}
td.orange a{
color:#FF6600;
}
td.orange:hover{
background-color:#FF6600;
}
td.orange:hover a{
color:#FFF;
}
a+
il faut ajouter une classe sur le TD concerné, exemple :
<table class="ms-rteTable-0" cellspacing="0" cellpadding="5" style="width: 670px; height: 27px; font-size: 1em">
<tbody>
<tr class="ms-rteTableEvenRow-0">
<td class="ms-rteTableOddCol-0 orange"><a href="link">Téléphonie?</a></td>
<td class="ms-rteTableOddCol-0"><a href="/link">Téléconférence</a>?</td>
</tr>
</tbody>
</table>
et dans le style, mettre ca :
td.orange{
background-color:#FFF;
}
td.orange a{
color:#FF6600;
}
td.orange:hover{
background-color:#FF6600;
}
td.orange:hover a{
color:#FFF;
}
a+
essaie d'ajouter un !important
td.orange:hover a{
color:#FFF !important;
}
si ca marche pas est ce que la page en questiin est accessible en ligne ? si oui quelle est l'url ?
td.orange:hover a{
color:#FFF !important;
}
si ca marche pas est ce que la page en questiin est accessible en ligne ? si oui quelle est l'url ?
salut
tu peux mettre le bout de code concerné stp ?
quand tu dis cellule je sais pas si tu parles de DIV ou de TD
merci
tu peux mettre le bout de code concerné stp ?
quand tu dis cellule je sais pas si tu parles de DIV ou de TD
merci
ShayFmw
Messages postés
106
Date d'inscription
samedi 12 janvier 2013
Statut
Membre
Dernière intervention
10 juillet 2013
43
Modifié par ShayFmw le 18/02/2013 à 17:35
Modifié par ShayFmw le 18/02/2013 à 17:35
Salut,
Tu peux faire comme ça avec un DIV. Voilà un exemple
<div id="ccm"/>
<p>Shay</p>
</div>
et dans le css
#ccm p:hover
{
color: #FFF;
background: #FF0000;
}
Passionné d'informatique et de jeux vidéos.
Tu peux faire comme ça avec un DIV. Voilà un exemple
<div id="ccm"/>
<p>Shay</p>
</div>
et dans le css
#ccm p:hover
{
color: #FFF;
background: #FF0000;
}
Passionné d'informatique et de jeux vidéos.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
lebeck2520
Messages postés
4
Date d'inscription
lundi 18 février 2013
Statut
Membre
Dernière intervention
19 février 2013
19 févr. 2013 à 08:05
19 févr. 2013 à 08:05
Merci de vos réponses,
Voici le bout de code concerné:
J'aimerais de préférence appliquer le style à une cellule précise de tableau (td).
Est-ce qu'en appliquant une classe c'est faisable?
Voici le bout de code concerné:
<table class="ms-rteTable-0" cellspacing="0" cellpadding="5" style="width: 670px; height: 27px; font-size: 1em"> <tbody> <tr class="ms-rteTableEvenRow-0"> <td class="ms-rteTableOddCol-0"><a href="link">Téléphonie?</a></td> <td class="ms-rteTableOddCol-0"><a href="/link">Téléconférence</a>?</td> </tr> </tbody> </table>
J'aimerais de préférence appliquer le style à une cellule précise de tableau (td).
Est-ce qu'en appliquant une classe c'est faisable?
lebeck2520
Messages postés
4
Date d'inscription
lundi 18 février 2013
Statut
Membre
Dernière intervention
19 février 2013
19 févr. 2013 à 11:44
19 févr. 2013 à 11:44
Merci ça m'aide grandement, seulement j'ai encore un problème qui subsiste.
Lorsque je survole ma cellule, le texte ne se transforme pas en blanc. J'obtiens donc une belle case orange mais pas de texte..
Pourtant j'ai bien mis:
td.orange:hover a{
color:#FFF;
}
Savez-vous ce qui ne marche pas?
Lorsque je survole ma cellule, le texte ne se transforme pas en blanc. J'obtiens donc une belle case orange mais pas de texte..
Pourtant j'ai bien mis:
td.orange:hover a{
color:#FFF;
}
Savez-vous ce qui ne marche pas?
lebeck2520
Messages postés
4
Date d'inscription
lundi 18 février 2013
Statut
Membre
Dernière intervention
19 février 2013
19 févr. 2013 à 12:48
19 févr. 2013 à 12:48
Super Waelb83!!
Merci beaucoup pour ton aide précieuse ça marche à merveille maintenant!!
Merci beaucoup pour ton aide précieuse ça marche à merveille maintenant!!
