Discussion :

[Mrlevis]

Salut,

J'essaye de mettre les éléments d'une liste a gauche et à droite un peu comme:

.A-2001                     B-xxxxxxxxxxxxxxxxxxxxxxxx

.A-2002                    B-xxxxxxxxxxxxxxxxxxxxxxxx

Les éléments A à gauche et B à droite, le tout sur la même ligne.
Et le B n'a pas de pointillés
Je précise que ces éléments sont dans un tableau
Voici mon code, il n'y a pas de CSS

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<table>
	<tr>
		<td>
			<ul>
				<li> 2001-2002</li>
				<li>2000-2001</li>
			</ul>
		</td>
		<td>Liste à un item dans un tableau 2 colonnes et X ligne <br>pour chaque ligne on a l'année correspondante </td> 
	</tr>
</table>

[Toufik83]

Bonjour,

Vous pouvez appliquer la règle CSS text-align:right aux <li> de la deuxième <td> de chaque ligne :

Code css :

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

table td:nth-child(2) ul li{width:100%;text-align:right;}

[Mrlevis]

OK, Merci

[NoSmoking]

Bonjour,

Les éléments A à gauche et B à droite, le tout sur la même ligne.

si les éléments sont liés alors aucune raison de ne pas les mettre dans dans le même conteneur, <tr> ou <li> mais pas en essayant qe faire correspondre les alignements.

Code html :

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

1
2
3
4
5
6
<tr>
   <td>Année 2021</td>><td>Texte correspondant à l'année 2021</td>
</tr>
<tr>
  <td>Année 2022</td>><td>Texte correspondant à l'année 2022</td>
</tr>

ou

Code html :

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

1
2
3
4
5
6
7
8
9
10
<ul>
  <li>
    <span>Année 2021</span>
    Texte correspondant à l'année 2021
  </li>
  <li>
    <span>Année 2022</span>
    Texte correspondant à l'année 2022
  </li>
</ul>

ou ...

après le choix est assez vaste pour aligner différemment tes éléments.

[Mrlevis]

Oui oui, Exactement
Mais le graille, c'était de mettre les éléments totalement à gauche et totalement à droite afin qu'il puisse avoir un espace au millieu. Bon Bref.
Merci beaucoup!!!

[motosur]

et avec les balise float ? je debut