Discussion :

[Handy]

Bonjour à Tous,

Ceci est un premier post...

Je veux avoir 2 liens sur une seule ligne. Le premier aligné à gauche, le second aligné à droite.

La solution facile est de tout mettre dans une table. J'ai besoin d'une page sans table...

Voilà, le code ci-dessous fonctionne parfaitement sous Opera qui me l'affiche sur une seule ligne. Avec tous les autres navigateurs, j'ai un retour de chariot... Et j'ai 2 lignes...

Code :

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

1
2
<div style="clear:both;margin:-20px 0 15px 0;border-bottom:1px dashed #72AAFF;height:20px!important">
<a href="Premiere-Lien-a-Gauche.html"> &laquo; Premiere Lien a Gauche</a><a href="Seconde-Lien-a-Droite.html" style="float:right">Seconde Lien a Droite &raquo;</a></div>

J'ai essayé "position:relative" seul, ça marche po. Je lui ai ajouté un "top:-15px", ça passe plus sous Opera qui me le remonte de 1 ligne !

Any suggestion?


Handy

[HiRoN]

Salut,

Code HTML :

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

1
2
3
4
<div style="clear:both;margin:-20px 0 15px 0;border-bottom:1px dashed #72AAFF;height:20px!important">
    <a href="Premiere-Lien-a-Gauche.html" style="float:left;"> &laquo; Premiere Lien a Gauche</a>
    <a href="Seconde-Lien-a-Droite.html" style="float:right">Seconde Lien a Droite &raquo;</a>
</div>

Testé sous FF3 & IE7, j'ai bien un lien à gauche, un lien à droite, sans retour chariot (il manqué un float:left à ton premier lien).

[Handy]

Merci HiRoN,

Merci pour la réponse

Fonctionne parfaitement sur Opera, FF, IE6, IE7, Chrome, et même Konqueror (pour celles et ceux qui connaissent).

Merci pour les supers cours et tutoriels pour apprendre CSS : http://css.developpez.com/cours/


Handy