Discussion :

[loic20h28]

Bonjour tout le monde,

Je suis entrain de créer un site et je souhaiterais avoir mes 2 liens ("accueil" et "MotoNeuve") sur la même ligne, souligné.... Donc voici le code html que j'utilise :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<a href="index.php?"><h3>Accueil</a></h3>
<a href=""><h3>MotoNeuve</h3></a>

et voici le code CSS correspondant à h3 :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
h3
{
	text-align:center;
	padding-top:25px;
	word-spacing:15px;
	color:#00FA9A;
	text-decoration: underline;
}

Mon problème c'est que mes 2 liens sont certes souligné.... mais se mette centré l'un en dessous de l'autre.
Comment faire pour régler le problème??

Merci d'avance!!

[12monkeys]

Bonjour

Tu peut utiliser display:inline pour ton h3.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
h3
{
             display:inline;
	text-align:center;
	padding-top:25px;
	word-spacing:15px;
	color:#00FA9A;
	text-decoration: underline;
}

Par contre ton premier h3 est mal placé pace qu'il s'imbrique avec la balise a :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<a href="index.php?"><h3>Accueil</a></h3>
 
<h3><a href="index.php?">Accueil</a></h3>

edit : en effet je me demande où j'avais la tête

[Candygirl]

sans compter qu'un lien ne peut pas contenir un h3

Pourquoi avoir opté pour un h3 ? ces liens font-ils office de titre?

[loic20h28]

Merci pour vos réponse,

Réponse à 12monkeys : Merci pour le h3 effectivement je n'avais pas fais gaffe à ce problème. J'ai rajouté

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

display:inline;

mais maintenant les mot sont coller et pas centré donc problème. (je suis po exigean!!LOL)

Réponse à Candygirl : Mes liens correspondents effectivement à des titres c'est à dire me permet de revenir à la page d'accueil.... (en faite je souhaite faire comme sur le site suivant : http://www.moto85.com/

Merci d'avance!!

[loic20h28]

Bonjour tout le monde,

Voila j'ai fais cela :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
a
{
	display:block;
	text-align:center;
	color:#00FA9A;
	text-decoration: underline;
}

ça me donne les lien au centre(cool) mais il sont l'un en dessous des autres alors que moi je souhaiterais qu'il soit sur la même ligne, comment puis-je faire??

Merci d'avance!!

[loic20h28]

Bonjour,

Merci à tous mais j'ai enfin trouvé la solution, c'étais tout simple en faite, falllais que je mette un div pour centrer. voila ce qu ça donne.

Partie HTML pour la page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div id="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>
		</div>

Partie CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
a
{
	display:inline;
	color:#00FA9A;
	text-decoration: underline;
	padding-right:15px;
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
#liens
{
	text-align:center;
	padding-top:5px;
}

Merci à tous pour tout!!
Cordialement.