28173 sujets

CSS et mise en forme, CSS3

Formatage de texte

Salut à tous !

Voilà j'ai un petit soucis de formatage de texte.

J'ai deux liens, j'aimerai que le lien 1 soit à gauche (là ok pas de problème c'est par défaut) et j'aimerai que le lien 2 soit à droite (là ça se complique).

le meilleur résultat que j'ai eu c'est avec les <div>, mais le problème c'est le retour à la ligne automatique du 1er <div>. Du coup mes deux liens ne sont plus sur la même ligne. Avec un tableau ça ne s'aligne pas à droite et le span non plus (mais ça c'est dans les règles Smiley langue ).

J'obtiens ceci avec les propriétés CSS classiques (text-align)
http://alexledieu1.free.fr/prb_lien.gif

J'aimerai que les deux liens soient sur la même ligne. S'il faut changer le code HTML ou CSS, supprimer ou ajouter des trucs je prends. C'est que je ne vois pas d'autres balises pour ça...

Merci pour vos réponses
Bonjour,

Il y a plusieurs manières de résoudre cela, dont une simple liste utilisant les flottants:
[#black][b]HTML[/b][/#]

<ul>
	<li><a href="#">Page précédente: Résumé</a></li>
	<li><a href="#">Page suivante: Mission 2 - Black Turtle</a></li>
</ul>



[#black][b]CSS[/b][/#]

	ul {list-style:none;}
	li {float:right;}
	li:first-child {float:left;}
Bonjour,
la pseudo-class first-child n'étant pas implémentée par IE6 il vaut
mieux se tourner vers une solution plus simple et la liste n'est pas
le choix le plus approprié dans ce cas.

CSS

.prec {float:left;}
.suiv {float:right;}

HTML

<div>
<a class="prec" href="#">Page précédente: Résumé</a>
<a class="suiv" href="#">Page suivante: Mission 2 - Black Turtle</a>
</div>

Pour info, la propriété float (left et right) fait passer la valeur du display à
block donc cela génère des retours chariot avant et après le lien.
Modifié par Hermann (21 Apr 2007 - 18:36)
Tout simplement parceque'on a pas à faire ici à une liste mais uniquement
à deux liens côte à côte. Smiley cligne
Hermann a écrit :
Tout simplement parceque'on a pas à faire ici à une liste mais uniquement
à deux liens côte à côte. Smiley cligne
Deux liens côte à côte, c'est juste une question de présentation ça... Pour le fait que nous n'ayons pas affaire à une liste, je ne serais pas aussi assertif que toi, il s'agit bien selon moi d'une liste de liens permettant d'avancer ou reculer dans la hiérarchie des informations. Enfin bref, ce n'est pas super important non plus. Smiley ravi
Encore faudrait-il définir exactement ce qu'est une liste? Smiley cligne
Je t'avouerais que le choix n'est pas toujours évident à faire notamment pour
les items relativement long... Concernant les menus horizontaux, certains
utilisent par exemple des listes non ordonnées tandis que d'autres se
contentent d'une suite de liens pour différencier le menu des autres listes de la page.
Moi je pencherais plutôt pour la deuxième solution.
Modifié par Hermann (21 Apr 2007 - 18:04)
Bonjour à tous. ( et oui ça fait longtemps que je ne suis pas venu mais j'espère ne rien avoir manqué Smiley langue )

À mon sens une liste c'est très vague donc ça pourrait quasiment toujours être justifiable. La question serait donc de savoir ce que ça change de mettre une liste ou de ne pas en mettre.
CNeo a écrit :

À mon sens une liste c'est très vague donc ça pourrait quasiment toujours être justifiable.

Je n'irais pas jusqu'à là...
CNeo a écrit :

La question serait donc de savoir ce que ça change de mettre une liste ou de ne pas en mettre.

Tout à fait. D'ailleurs pour mon exemple du menu horizontal, ce n'est
peut-être finalement qu'une question de choix personnel et que ça n'a
au fond aucune incidence en therme d'accessibilité. Quant à la pertinence
sémantique, l'élément <menu> ayant disparu, le choix entre les 2 solutions
n'est peut-être pas si important. Mais là je m'avance un peu...
Modifié par Hermann (21 Apr 2007 - 18:14)
Sujet clos
Aller à