Aligner un span à droite

[Meeuuuhhh]

Bonjour,

Un problème de débutant là : J'ai un mot à gauche dans un <td>. Je veux placer des liens sur la même ligne et dans le même <td>, mais à droite.

J'ai essayé de placer les liens dans un <span align="right">, vu qu'avec une <div align="right"> celle-ci ira automatiquement en dessous. Mais ça ne fonctionne pas.

J'ai essayé ça aussi :

Code: Tout sélectionner

<span class="lienDroite"> liens liens liens </span>

Avec dans le CSS, cette règle :

Code: Tout sélectionner

.lienDroite {float: right;}

Ou encore

Code: Tout sélectionner

.lienDroite {align:right;}

Ca échoue à chaque fois.


Vous voyez la solution

[Meeuuuhhh]

Bon ça va, bougez pas j'ai réussi

Code: Tout sélectionner

<span style="float:left;">ggg</span>
<span style="float:right;">ddd </span>

[FloBaoti]

Le float sert à positionner un élément par rapport à l'élément qui le suit dans le code source.
Donc en mettant ton span au début du td (avant le contenu du td), ça devrait fonctionner également...

[Meeuuuhhh]

Ah oui, c'est comme align="right" pour les images, faut la placer avant.

[tonguide]

Exactement.
En jouant sur le deuxième bloc, ça permet également (notamment pour les menus) d'avoir le bloc du dessous (menu) affiché à gauche et le bloc du dessus (contenu) de l'afficher à droite.
Et donc placer le contenu en avant dans le code source.

[Meeuuuhhh]

Oui ce serait bien, mais à chaque fois que j'ai essayé ça, ça a raté.

Là je viens encore de tester cela, pour avoir le contenu au dessus des menus gauche et droite donc (dans le code), mais non, le centre est en haut et les deux menus s'affichent en dessous, l'un à gauche et l'autre à droite, ça fait comme une pyramide quoi.

HTML :

Code: Tout sélectionner

<div class="centre"></div>
<div class="menuDroite"></div>
<div class="menuGauche"></div>

CSS :

Code: Tout sélectionner

.centre
{
float:right;
margin-left: 200px;
margin-right: 200px;
;}

.menuGauche
{
height:auto;
width:191px;
float:left
;}

.menuDroite
{
height:auto;
width:191px;
float:right;
;}