28220 sujets

CSS et mise en forme, CSS3

Salut,

J'essaye d'encadrer un lien.
Le css est le suivant:

a
{
	position: relative ;
	border: 1px solid #ff0000;
	left: 50px ;
	color: #000000;
	margin: 0px ;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}


Le code html est:


...
<a href="#">test</a>
...



En fait le problème est que la bordure supérieure du lien n'apparait pas.
Je ne comprends pas pourquoi ca marche avec tout sauf avec un lien.
Si quelqu'un a une idée ?

Merci d'avance ^^
Administrateur
Hello et bienvenue ici,

L'élément <a> est une balise de type en-ligne. Elle n'est donc pas vraiment prévue pour adopter des bordures.

Pour cela, il faudrait la passer en type bloc avec la propriété display, ou en la positionnant en absolu, voire en flottant.
Ah ok.
Je n'avais pas fait attention a ca. Merci.

Ca marche tres bien. Je met les liens dans un tableau pour la mise en forme et c'est parfait.
Y a t il une methode plus conseillée ou dans ce cas un tableau suffit ?
C'etait juste pour 3 liens ^^

Mais je vais essayer d apprendre a faire plus propre.

En tout cas, merci.