Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1627 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Une meme ligne = centrer & aligner à droite

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Une meme ligne = centrer & aligner à droite

n°1327482
_Roland_
Posté le 17-03-2006 à 17:15:42  profilanswer
 

Salut,
 
 
Voilà je cherche betement à avoir sur la meme ligne un mot (par exemple), centré au milieu de la page, et un autre mot aligné complètement à droite.
 
J'ai essayé desesperement avec une table, mais rien à faire :/
 
quelqu'un sait si c'est possible?

mood
Publicité
Posté le 17-03-2006 à 17:15:42  profilanswer
 

n°1327487
phenxdesig​n
Posté le 17-03-2006 à 17:22:57  profilanswer
 

englobe chacun des ses mots avec des <span style="text-align: center;"> et right pour l'autre

n°1327488
xtof_83
Freeride Spirit
Posté le 17-03-2006 à 17:23:34  profilanswer
 

text-align:center
 
text-align:right

n°1327489
phenxdesig​n
Posté le 17-03-2006 à 17:24:40  profilanswer
 

ouais ben nan en fait, ça marche pas :/

n°1327490
anapajari
s/travail/glanding on hfr/gs;
Posté le 17-03-2006 à 17:27:11  profilanswer
 

normal, les deux spans ne sont pas des elements blocks, aucune raison qu'ils prennent chacun la bonne taille qui va bien...
 
Perso je verrais plus un truc comme ça:

Code :
  1. <div id="truc1"></div>
  2. <div id="truc2">Mot1</div>
  3. <div id="truc3">Mot2</div>


Et la css qui va bien

Code :
  1. #truc1{
  2. float: left;
  3. width: 25%;
  4. }
  5. #truc2{
  6. float: left;
  7. width: 50%;
  8. text-align: center;
  9. }
  10. #truc1{
  11. float: left;
  12. width: 25%;
  13. text-align: right;
  14. }


 
edit: et si vous vous demandez pourquoi 25/50/25, ça n'a strictement aucune importance tant que les deux divs du bord ont la même largeur ( pour s'assurer que la div du milieu est ... bin ... au milieu )


Message édité par anapajari le 17-03-2006 à 17:28:30
n°1327494
_Roland_
Posté le 17-03-2006 à 17:33:26  profilanswer
 

ah c'est malin, je vais devoir me plonger dans les css ! :(
(bon faut bien que je le fasse de tte facon :p )
merci :jap:

n°1327495
_Roland_
Posté le 17-03-2006 à 17:34:12  profilanswer
 

au passage, quelqu'un connait un bon site qui explique ca? ;)
allhtml répond mal chez moi :/

Message cité 1 fois
Message édité par _Roland_ le 17-03-2006 à 17:34:19
n°1327496
xtof_83
Freeride Spirit
Posté le 17-03-2006 à 17:35:08  profilanswer
 

_Roland_ a écrit :

au passage, quelqu'un connait un bon site qui explique ca? ;)
allhtml répond mal chez moi :/


 
 
www.alsacreations.com
www.openweb.eu.org
www.zengarden.com

n°1327504
_Roland_
Posté le 17-03-2006 à 17:53:00  profilanswer
 

haha miracle ca marche  :D  
 
merci  :bounce:

n°1926499
nico42000
Maître Yoda
Posté le 24-09-2009 à 20:27:53  profilanswer
 

Ca marche mais comment "truc3" peut-il fonctionner correctement vu qu'il n'y a pas de #truc3 (et deux #truc1) ??
 
Je suis sur le cul, j'ai essayer mes variables mais après ca marche plus.
 
J'ai du mal a comprendre le fonctionnement. Mais sinon ca marche...


---------------
The Force Will be With You, Always.
mood
Publicité
Posté le 24-09-2009 à 20:27:53  profilanswer
 

n°1926502
gatsu35
Blablaté par Harko
Posté le 24-09-2009 à 20:35:03  profilanswer
 

Code :
  1. <div class="pouet">
  2.     <span class="left">my left text</span>
  3.     <span class="right">my right text</span>
  4.     <span class="centered">mycentered text</span>
  5. </div>


Code :
  1. .pouet {
  2.    text-align:center;
  3. }
  4. .pouet .right {
  5.   float:right;
  6. }
  7. .pouet .left {
  8.   float:left;
  9. }


 
voila une réponse ultra allégée pour répondre à ton pb.  
PS : la réponse donnée en 2006 était potable mais nulle, celle que je donne ce soir est sure de fonctionner correctement.  
 
Après tout dépend de ton besoin


---------------
Blablaté par Harko
n°1926505
nico42000
Maître Yoda
Posté le 24-09-2009 à 20:53:09  profilanswer
 

ben ca repond pas vraiment a ma question (y a pas de centered ??)...
 
par contre, avec l'autre ce qui est bien c'est qu'on peut régler la position du texte situé a droite et a gauche.
 
J'ai 3 photos sur ma page assez bien reparti disons, pas optimise au mieux mais pas trop mal (d'ailleurs si tu sais comment faire en sorte qu'elles le soient, je prends. j'ai fouiné pas mal de fonction mais doit y avoir plus simple) et le texte se retrouvaient juste en dessous pas mal centré avec la photo correspondante (ce que ne propose pas ton code ou alors il est à modifier).
 
merci pour ton assistance


---------------
The Force Will be With You, Always.

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Une meme ligne = centrer & aligner à droite

 

Sujets relatifs
Debuter en C++ - Un bon Tuto en ligne mais sans C !Couleur différente : 1 ligne sur 2
tester un ligne vide dans un fichierPublicateur de quiz en ligne... vos avis
Supression de ligne en boucle (Word)Tableau avec une hauteur de ligne fixe ?
Saut de ligne dans un <textarea> pour mySQLiframe - lien inexistant une fois en ligne
Creer un raccourci en ligne de commandeconfigurer adresse IP et DNS dans une ligne de cmd
Plus de sujets relatifs à : Une meme ligne = centrer & aligner à droite


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR