Alignement a gauche et a droite fail

[student_]

Bonsoir,

Je ne sais pas si quelque chose m'echappe, mais je bug sur une petite mise en page, mon align="right" n'est pas prit en compte et tout s'affiche a gauche, je ne comprends pas pourquoi:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
<div class="pagination_commentaires">
	<em align="left">
		<li>
			Afficher les commentaires: 
			{foreach from=$pagination_commentaires item=link_commentaires} 
				{$link_commentaires}
			{/foreach}
		</li>
	</em>
	<em align="right">
		<li><a href="./Forum/viewtopic.php?f=2&t={$topic_id}">Reagir a ce sujet</a></li>
	</em>
</div>

Merci !

[ShaunY]

Remplace les <em> par des <div> et tout devrais bien marcher.

[student_]

Ok en effet ca fonctionne, mais mon but est de tout faire tenir sur la même ligne, j'ai le même résultat avec ce code:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
<div class="pagination_commentaires">
	<div align="left" STYLE="display : inline">
		<li STYLE="display : inline">
			Afficher les commentaires: 
			{foreach from=$pagination_commentaires item=link_commentaires} 
				{$link_commentaires}
			{/foreach}
		</li>
	</div>
	<div align="right" STYLE="display : inline">
		<li STYLE="display : inline"><a href="./Forum/viewtopic.php?f=2&t={$topic_id}">Reagir a ce sujet</a></li>
	</div>
</div>

[ShaunY]

Bien que tout afiche bien présentement défini une largeur spécifique pour chaque div mon exemple dans le code.

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
<div class="pagination_commentaires" width='800px'>
	<div align="left" width='600px' STYLE="display : inline">
		<li STYLE="display : inline">
			Afficher les commentaires: 
			{foreach from=$pagination_commentaires item=link_commentaires} 
				{$link_commentaires}
			{/foreach}
		</li>
	</div>
	<div align="right" width='200px' STYLE="display : inline">
		<li STYLE="display : inline"><a href="./Forum/viewtopic.php?f=2&t={$topic_id}">Reagir a ce sujet</a></li>
	</div>
</div>

De cette façon les division ne prenne pas tout la largeur du template et lesse de l'espace pour l'autre division sur le coté.
Tu devras ajuster les grandeur selon la grandeur de ton template c'est juste un example.
Ne te gène pas pour repondre ou poser une autre question je ferai mon possible pour te donné les bonne information.

[student_]

Bonsoir et merci pour ta réponse, mais malheureusement ca ne change rien (mes 2 div sont collées a gauche), aussi je remarque que je n'est pas la puce de la balise <li> quand j'applique le display inline

[ShaunY]

Tu utilise des balise <LI> ce qui rend tout sa impossible.
Remet les balise <em> enlève les balise <LI> sa règlera ton problème garde les width et tout va être reglé.
j'avais pas porté attention a cela au début, mais c'est la cause du problème.
Merci de m'y avoir fait pensé.

[student_]

J'ai toujours mes deux parties collées a gauche , rappel du code:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
<div class="pagination_commentaires" width='800px'>
	<div align="left" STYLE="display : inline"  width='600px'>
		<em>
			Afficher les commentaires: 
			{foreach from=$pagination_commentaires item=link_commentaires} 
				{$link_commentaires}
			{/foreach}
		</em>
	</div>
	<div align="right" STYLE="display : inline"  width='200px'>
		<em><a href="./Forum/viewtopic.php?f=2&t={$topic_id}">Reagir a ce sujet</a></em>
	</div>
</div>

[student_]

Double post accidentel... Je vais plutôt essaye de gérer tout ca par CSS, merci pour l'aide en tout cas ! l:

[ShaunY]

Il serait tu possible d'attaché le fichier en question afin que je puisse trouver l'erreur en question et les lignes Css?
Il y a toujours un truc qui m'agace le lien "réagir a ce sujet"

Code :

<a href="./Forum/viewtopic.php?f=2&t={$topic_id}">Reagir a ce sujet</a>

Tu le veux en dessous ou c'est lui que tu veux mettre a gauche?