28172 sujets

CSS et mise en forme, CSS3

[Résolu] Coloriser un TD qui contient un lien

Bonsoir à tous,

Si je mets un lien ou plusieurs dans une table, TD, y a-t-il possibilité de coloriser complètement la cellule ?

J'ai essayé de faire un background-color au niveau du lien, mais il n'y a que le lien qui soit en couleur et pas la cellule.

Merci de me renseigner.

Cordialement,
jlb59430
Bonsoir,

Mais si je comprends bien la question, le problème n'est pas de colorier un <td>, c'est plutôt de le faire en fonction du contenu. Je me trompe ?

Il faudrait voir à quoi ressemble le HTML.
Bonjour Olivier,

C'est exactement ça !

J'avais joint une image, mais je suppose qu'étant "nouveau", cette prérogative ne m'est pas encore accordée.

En tout cas, non pas que c'est un problème, mais cette solution pourra me servir dans d'autres pages qui utilisent le bon vieux "<li>" ! Smiley cligne 
<table style="padding: 10px; border: 1px solid black; border-collapse: collapse;">
	<tr>
		<td style="background-color:cyan;border: 1px solid black">
			<a href="#" style="a:hover {text-decoration: none;color: #000; background-color: yellow;}">Lien 1</a>
		</td>
	</tr>
	<tr>
		<td style="border: 1px solid black">
			<a href="#">Lien 2</a>
		</td>
	</tr>
	<tr>
		<td style="border: 1px solid black">
			<a href="*">Lien 3</a>
		</td>
	</tr>
</table>


Merci de votre aide.

Cordialement,
jlb59430
Modifié par jlb59430 (19 Mar 2023 - 06:05)
Pour info, il y a aussi le sélecteur :has() qui aurait pu faire l'affaire.
Mais problème de compatibilité avec Firefox.
Modifié par Apsoft (26 Apr 2023 - 09:30)
Prévenir un modérateur
Répondre au sujet
Aller à