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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] Atribut pour alignement vertical du texte

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS] Atribut pour alignement vertical du texte

n°952703
goldorak69
Posté le 13-01-2005 à 22:16:43  profilanswer
 

Je voulais savoir quel etait l attribut pour aligner verticalement un texte dans un div, comme l'attribut ´text-align' mais verticalement. 'vertical-align' ne marche pas.

mood
Publicité
Posté le 13-01-2005 à 22:16:43  profilanswer
 

n°952830
kalex
Posté le 14-01-2005 à 01:18:21  profilanswer
 

C'est pourtant bien vertical-align. http://www.yoyodesign.org/doc/w3c/ [...] ical-align

n°952907
FlorentG
Unité de Masse
Posté le 14-01-2005 à 09:32:13  profilanswer
 

Y'a plusieurs techniques, à une seule condition : ton div doit avoir une hauteur connue... Est-ce le cas ?
 
C'est une limitation de CSS 2.1, à savoir impossible de centrer verticalement un élément dans un autre, si on ne connaît pas la hauteur de l'élément conteneur...

n°952959
sibelius
Vous êtes sûr ?
Posté le 14-01-2005 à 10:59:53  profilanswer
 

S'il n'y a qu'une seule ligne de texte à centrer, la meilleure solution reste d'utiliser line-height, comme c'est expliqué ici :
http://marcarea.com/weblog/index.p [...] Correction
 
Sinon il reste une solution plus lourde : positionner la cellule en relatif et centrer le div à l'aide de position absolue + marges négatives : http://www.alsacreations.com/articles/centrer/
 
Au fait, pour tous ceux qui espèrent utiliser la propriété "vertical-align" pour centrer leur texte dans un bloc :
 
Attention à bien comprendre ce que signifie Vertical align en CSS
 

Citation :

S'applique à :   ceux des éléments de type en-ligne et à l'élément 'table-cell'


Citation :

Cette propriété agit sur le positionnement vertical à l'intérieur de la boîte de ligne des boîtes générées par un élément de type en-ligne. Les règles suivantes n'ont de sens que par rapport à un élément parent de type en-ligne, ou de type bloc si celui-ci génère des boîtes en-ligne anonymes ; elles sont inopérantes autrement.
 
Note : la signification des valeurs pour cette propriété est légèrement différente dans le contexte des tables. Consulter le chapitre traitant des algorithmes pour la hauteur des tables pour le détail.


 
Vertical align n'est pas prévu pour aligner un texte dans un bloc, mais un élément en-ligne dans un autre élément en-ligne (par exemple une image à côté d'un texte)... ou dans un élément de type table-cell.


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com

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

  [CSS] Atribut pour alignement vertical du texte

 

Sujets relatifs
importation d'un fichier css[HTML][PHP][CSS] possible de remplir 2 div en même temps ?
HTML CSS - décalage dans mes tablesjavascript pour menu déroulant vertical
[RESOLU]CSS et rechargementdu php dans un fichier css
problème de positionnement du texte avec Firefox[CSS] FireFox <> IE problèmes d'affichage....
[CSS] Menu horizontal 1 ligne style www.macromedia.com ???Aligner le texte verticalement dans une liste
Plus de sujets relatifs à : [CSS] Atribut pour alignement vertical du texte


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