Discussion :

[xdoreau]

Bonjour,

Je cherche à aligner horizontalement plusieurs éléments, ce que j'ai fait fonctionne sous ie mais pas firefox. Il y sûrement un autre moyen de procéder pour arriver au même résultat . Ou faut-il passer absolument par un tableau ?
Merci de vos réponse

morceau de code

Code :

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

1
2
3
4
5
 
<p>
1 : <span>Xavier Doreau</span><a href='mapage.php><img src='../../images/write.png' border='0' Title='modifier'/> modifier</a>
<a href='mapage.php'><img src='../../images/delete.gif' border='0' Title='supprimer'/> supprimer</a>
</p>

CSS

Code :

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

1
2
3
4
5
6
 
.liste span {
	font-weight: bold;
	width: 43%;	
	border-bottom: dotted 1px #FF0000;
}

voici le résulta que j'obtiens sur ie et que j'aimerais avoir sur Firefox aussi

[MasterOfChakhaL]

salut,

le width n'est théoriquement pas pris en compte pour des éléments en ligne (le span en fait partie).

Tu peux ajouter un display:block; pour que la largeur soit prise en compte.
Pour éviter que le block renvoie le reste à la ligne, tu peux ajouter float: left;

Je te suggère également de modifier la structure de ton html:

Code html :

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

1
2
3
4
5
6
 
<ol>
  <li><span>...</span>...tout le reste...</li>
  <li> ....
 
</ol>

l'élément ol introduit une liste ordonnée, les numéros de tes lignes seront alors générés automatiquement

[xdoreau]

merci pour ta réponse, je vais tester et je verrais bien.

Il est vrais que <ol> génère une liste avec des numéros automatiques. Pour l'instant j'ai mis un code qui me fait cela en php.