28221 sujets

CSS et mise en forme, CSS3

[RESOLU] Probleme de souligné style dotted

Bonjour,

Voila mon probleme.
J'utilise cette classe.


 a:hover, a:active, a:visited, a:link {
	color: #BE1319;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BE1319;
	text-decoration: none;
}


Quand je fais un lien type a href= bla bla dans la page web tout va bien il me met bien les dotted sous les liens. Or quand je met cela dans une table ..tout disparait. Y'a quelquechose que je fais pas bien ?

Merci de votre aide....
Modifié le 29 Nov 2004 - 13:52
Bonjour,

Non tout semble correct.

 a:hover, a:active, a:visited, a:link {
color: #BE1319;
border-bottom: 1px dotted #BE1319;
text-decoration: none;
}


Quand tu dis Class ? tu te trompe un peu je pense ou alors tu as affecté une classe et justement cela ne va pas.
Administrateur
 a:hover, a:active, a:visited, a:link {
color: #BE1319;
border-bottom: 1px dotted #BE1319;
text-decoration: none;
}


Tant qu'à faire, autant tout regrouper Smiley cligne 
 a {
color: #BE1319;
border-bottom: 1px dotted #BE1319;
text-decoration: none;
}


Il faudrait voir la page en question pour en savoir plus.
En fait quand je fais le lien dans la page sans le mettre entre les balises td et /td ca marche impec. En dessous s'affiche bien les petits points. Par contre des que je met la ligne a href=truc machin entre 2 balises TD. Pan c'est fini..les petits points disparaissent... Smiley ohwell je sais pas ce qui se passe
Administrateur
Essaye 
 td a {
color: #BE1319;
border-bottom: 1px dotted #BE1319;
text-decoration: none;
}


Et supprime les propriétés de mise en page inutiles dans le tableau (border, cellspacing, etc.)
Bon ca a l'air de fonctionner par contre ce qui est bizarre c'est que quand je remet les cellpadding, cellspacing et border dans la table ou est la lien le dotted sous le lien disparait ! Comment ca se fait que ces attributs bloquent ce effet ? Le probleme c'est que je vais en avoir besoin dans mes constructions

a écrit :

<title></title>
<style>

td A:visited, A:hover, A:active
{
color: #BE1319;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #BE1319;
text-decoration: none;
}
</style>
</head>
<body>

<a href="">La ca marche </a>

<table>
<tr>
<td><a href="">La ca marche plus quand je met les borders a la table</a></td>
</tr>
</table>
td A:visited, td A:hover, td A:active
{
color: #BE1319;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #BE1319;
text-decoration: none;
}


repeat your td ! Smiley cligne
moon a écrit :
Euh ? Pardon ?



Tu devrais avoir :


td A:visited, td A:hover, td A:active


Au lieu de :


td A:visited, A:hover, A:active
Ah oui pardon ! Hé ben ca marche on dirait Smiley smile

Bon je crois qu'il faut que je m'achete 1 ou 2 bouquins parceque la y'a des trucs qui m'échappent quand meme ! repeter des td pour permettre d'appliquer ce style Smiley smile C'est limite mystique Smiley langue

En tout cas merci pour votre aide Smiley langue (a tous)
Modifié le 29 Nov 2004 - 11:30
Administrateur
Pour les bouquins, tu sais où les trouver (il sont bien en évidence, n'est-ce pas ?!?!) Smiley lol

PS : n'oublie pas de rajouter un [Résolu] en éditant le titre de ton sujet Smiley cligne

a écrit :
repeter des td pour permettre d'appliquer ce style

Tu ne répètes pas les td, tu ne fais que préciser dans le sélecteur CSS :
a {...} s'applique à tous les liens de la page (mais pb dans les cellules)
td a {} s'applique aux liens contenus dans un td

idem pour les pseudo-éléments :hover, :link, etc.
Raphael a écrit :
Pour les bouquins, tu sais où les trouver (il sont bien en évidence, n'est-ce pas ?!?!) Smiley lol

PS : n'oublie pas de rajouter un [Résolu] en éditant le titre de ton sujet Smiley cligne

repeter des td pour permettre d'appliquer ce style

Tu ne répètes pas les td, tu ne fais que préciser dans le sélecteur CSS :
a {...} s'applique à tous les liens de la page (mais pb dans les cellules)
td a {} s'applique aux liens contenus dans un td

idem pour les pseudo-éléments :hover, :link, etc.

Pour les bouquins c bon Smiley smile Je viens de me les faire commander par la boite Smiley smile

Merci le pour le tip !
Sujet clos
Aller à