La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  2 blocs: 1 aligné à droite, l'autre à gauche
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: 2 blocs: 1 aligné à droite, l'autre à gauche  (Lu 1156 fois)
2 blocs: 1 aligné à droite, l'autre à gauche
« sur: le 10-10-2004 a 14:46:54 »
lab_siteweb
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 21



Je suis un lama!

Voir le Profil
Répondre avec citation

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?

Rapporter au modérateur  

Re:2 blocs: 1 aligné à droite, l'autre à gauche
« Répondre #1 sur: le 10-10-2004 a 15:03:14 »
jb_gfx
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 562





Voir le Profil    WWW
Répondre avec citation

à 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>

« Dernière Édition: le 10-10-2004 a 15:04:04 par jb_gfx » Rapporter au modérateur  

http://www.pixemedia.com
Re:2 blocs: 1 aligné à droite, l'autre à gauche
« Répondre #2 sur: le 10-10-2004 a 15:15:47 »
lab_siteweb
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 21



Je suis un lama!

Voir le Profil
Répondre avec citation

Merci beaucoup!
Ca marche parfaitement

Rapporter au modérateur  
Re:2 blocs: 1 aligné à droite, l'autre à gauche
« Répondre #3 sur: le 10-10-2004 a 15:26:15 »
MarvinLeRouge
Superactif
****

Hors-Ligne

Messages: 584





Voir le Profil    WWW
Répondre avec citation

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.

Rapporter au modérateur  

Développeur web / Création de site internet
jean@ceugniet.com
Jean Ceugniet, Développement web
SIRET : 523 611 044 00018
Re:2 blocs: 1 aligné à droite, l'autre à gauche
« Répondre #4 sur: le 10-10-2004 a 17:48:12 »
SIBELIUS
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 789



Un Boulay sinon rien

Voir le Profil    WWW    E-Mail
Répondre avec citation

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

Rapporter au modérateur  

Le livre d'Alsacréations sur XHTML et les CSS :
"CSS2 Pratique du design web"
Re:2 blocs: 1 aligné à droite, l'autre à gauche
« Répondre #5 sur: le 14-10-2004 a 21:23:03 »
jb_gfx
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 562





Voir le Profil    WWW
Répondre avec citation

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...

Rapporter au modérateur  

http://www.pixemedia.com
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg