Forum-webmaster
Technique - programmation => HTML / CSS / XHTML => Message commencé par: lab_siteweb le le 10-10-2004 a 14:46:54

Titre: 2 blocs: 1 aligné à droite, l'autre à gauche
Posté par: lab_siteweb le le 10-10-2004 a 14:46:54

Bonjour,
j'aimerais faire un titre avec une partie qui est aligné à gauche et l'autre à droite, mais je n'y arrive pas.
J'ai essayé plein de trucs, voici deux exemples
<h3 style="float: left;">partie1</h3><h3 style="horizontal-align: right">partie2</h3>
<h3 style="display: inline;">partie1</h3><h3 style="horizontal-align: right; display: inline;">partie2</h3>

Est-ce que c'est quand même possible?

Titre: Re:2 blocs: 1 aligné à droite, l'autre à gauche
Posté par: jb_gfx le le 10-10-2004 a 15:03:14

à l'arrache mais bon... ça a le mérite de fonctionner (sous IE6 et FireFox, j'ai pas testé avec d'autres navigateurs) :


Code:

<h3 style="float: left; display: block;">titre de gauche</h3>
<h3 style="float: right; display: block;">titre de droite</h3>

Titre: Re:2 blocs: 1 aligné à droite, l'autre à gauche
Posté par: lab_siteweb le le 10-10-2004 a 15:15:47

Merci beaucoup!
Ca marche parfaitement :)

Titre: Re:2 blocs: 1 aligné à droite, l'autre à gauche
Posté par: MarvinLeRouge le le 10-10-2004 a 15:26:15

Sinon, puisque tu dis que c'est 1 titre en 2 parties, tu pourrais utiliser une structure du genre
Code:
<h3><span id="span1">partie gauche</span><span id="span2">partie droite</span></h3>

en jouant sur les float.

Titre: Re:2 blocs: 1 aligné à droite, l'autre à gauche
Posté par: SIBELIUS le le 10-10-2004 a 17:48:12

Citation de: MarvinLeRouge le le 10-10-2004 a 15:26:15
Sinon, puisque tu dis que c'est 1 titre en 2 parties, tu pourrais utiliser une structure du genre
Code:
<h3><span id="span1">partie gauche</span><span id="span2">partie droite</span></h3>

en jouant sur les float.

ou plus simple :

Code:
<h3><span id="gauche">partie gauche</span>partie droite</h3>

avec un text-align right sur h3 et un float left sur la classe .gauche ;)

Titre: Re:2 blocs: 1 aligné à droite, l'autre à gauche
Posté par: jb_gfx le le 14-10-2004 a 21:23:03

Bien vu! ;)

En effet si c'est le même titre séparé en 2 parties je pense, aussi, qu'il vaut mieux utiliser une seule balise titre puis aligner les 2 parties à gauche et à droite avec un span (par exemple). C'est plus logique. Si c'est 2 titres distincts mieux vaux utiliser ma méthode.

Simplement dans le but d'être logique puisque visuellement le résultat sera le même...


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.