Changer couleur texte ET background au survol d'une cellule
Résolu
lebeck2520
Messages postés
4
Statut
Membre
-
lebeck2520 Messages postés 4 Statut Membre -
lebeck2520 Messages postés 4 Statut Membre -
Bonjour à tous,
Je suis à la recherche de la façon de faire la chose suivante en CSS
Lorsque je survole la cellule (qui contient un lien), le fond change de couleur et que la couleur du texte change également.
Plus précisément, J'ai une cellule à fond blanc et à texte orange. Je voudrait que lorsque je survole cette cellule le fond (background) devienne orange et le texte blanc.
Est-il possible de faire cela?
Merci de votre aide
Je suis à la recherche de la façon de faire la chose suivante en CSS
Lorsque je survole la cellule (qui contient un lien), le fond change de couleur et que la couleur du texte change également.
Plus précisément, J'ai une cellule à fond blanc et à texte orange. Je voudrait que lorsque je survole cette cellule le fond (background) devienne orange et le texte blanc.
Est-il possible de faire cela?
Merci de votre aide
A voir également:
- Css couleur du texte
- Excel cellule couleur si condition texte - Guide
- Texte de chanson gratuit pdf - Télécharger - Vie quotidienne
- Boite a couleur - Télécharger - Divers Photo & Graphisme
- Transcription audio en texte word gratuit - Guide
- Somme si couleur - Guide
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
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
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?
