28172 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde,

Je créé un site et je souhaiterais avoir mes liens les uns à la suite des autres sur une seule ligne et centré.

J'ai mis le code css suivant :
a
{
	text-align:center;
	display:inline;
	color:#00FA9A;
	text-decoration: underline;
}


Le code suivant correspon à l'affichage des liens :
<a href="index.php?">Accueil</a>
		<a href="javascript:favoris()">Ajouter aux Favoris</a>
		<a href="index.php?action=MotoNeuve">Moto Neuve</a>
		<a href="">Moto d'occasion</a>
		<a href="index.php?action=identification">Connexion</a>


Ce que j'obtiens, c'est mes liens à la suite des autres donc sur la même ligne mais pas centré.

Comment dois-je faire pour les centrer??
Et si je veux agrandir l'espace entre chacun des liens??

Merci d'avance!!
Administrateur
Bonjour,

loic21h28 a écrit :
Comment dois-je faire pour les centrer??

Il te faut centrer l'ensemble, c'est-à-dire placer ces liens dans un conteneur (un paragraphe, un titre ou éventuellement si tu n'as pas un Doctype strict un <div>, tout cela dépend de la sémantique de ta page HTML).
Et tu pourras ensuite centrer ce conteneur (voir la FAQ sur "Comment centrer horizontalement ..." Smiley smile )

loic21h28 a écrit :
Et si je veux agrandir l'espace entre chacun des liens??

margin et padding left et right conviendront tout à fait Smiley smile
Merci pour ta réponse felipe, cela fonctionne parfaitement.

J'en étais sur que j'en étais pas loin et que c'étais vraiment tout con, pourquoi n'y es-je pas pensé!! enfin bref, le principal c'est que ça fonctionne!!

Merci pour tout!!
Cordialement.
Modifié par loic21h28 (18 May 2008 - 11:54)