Se connecter / S'enregistrer
Votre question

html: centrer a gauche et à droite sur la même ligne

Tags :
  • Programmation
Dernière réponse : dans Programmation
18 Mars 2008 19:40:02

bonsoir jusqu'à présent j'allignais à gauche sur une ligne puis avec un <div align="right"> le reste à droite, le problème c'est que ça me créé une deuxième ligne... or moi je voudrais que ça me le mette sur une seule ligne: une partie a gauche et l'autre partit à droite...
quelqu'un aurait-il une idée??
merci de votre aide

Autres pages sur : html centrer gauche droite ligne

a c 232 L Programmation
18 Mars 2008 19:45:20

Salut,

  1. <div style="float:left;">Aligné à gauche</div>
  2. <div style="float:right;">Sur la même ligne à droite</div>
  3. <div style="clear:both">En dessous</div>
18 Mars 2008 20:07:41

je viens d'essayé et ça marche!!!
merci Omar!!!
Contenus similaires
23 Décembre 2010 16:35:14

Bonjour désolé de faire revenir a la surface ce vieux sujet mais depuis 15 jours je cherche un code en HTML.

Voila je me lance dans l'hébergement mais pour faire mon site j'ai un soucis avec un code.

Voila ma demande :

Je voudrais mettre un mot sur la même ligne mais a droite d'une fenêtre.

Style :


Espace disque 5Go
Nombre de PIDs 5

Etc mais je veux uniquement mettre le 5Go et le 5 a droite de la fenêtre et alignée l'une en dessous de l'autre.

Merci de m'aider.
a c 232 L Programmation
23 Décembre 2010 18:39:00

Salut,

Si tes données sont tabulaires, tu peux très bien utiliser un tableau, en spécifiant un attribut align si besoin.

Sinon, si tu veux faire ça avec un peu de CSS, il te faudra quelque chose dans le genre :
  1. <style type="text/css">
  2. p.data { clear:both; }
  3. p.data span { float:left; }
  4. .leftPart { width:200px; }
  5. </style>
  6.  
  7. <p class="data">
  8. <span class="leftPart">Espace disque</span>
  9. <span>5Go</span>
  10. </p>
  11. <p class="data">
  12. <span class="leftPart">Nombre de PIDs</span>
  13. <span>5</span>
  14. </p>



Tu mets tes deux span en float:left de telle manière qu'ils soient l'un à côté de l'autre.
Pour aller à la ligne à chaque fois, le p est en clear:both.
Et pour que la 2ème colonne soit alignée, tu mets une largeur spécifique à la 1ère colonne (ici 200 pixels).
24 Décembre 2010 03:41:17

Re bonsoir,


Merci OmaR cela fonctionne super bien merci pour ton aide.

[Résolu]
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS