Différences

Ci-dessous, les différences entre deux révisions de la page.

--- informatique:langages:css:alignement_vertical [2025/01/02 09:28] – supprimée - modification externe (Date inconnue) 127.0.0.1
+++ informatique:langages:css:alignement_vertical [2025/01/02 09:28] (Version actuelle) – ↷ Page déplacée de informatique:css:alignement_vertical à informatique:langages:css:alignement_vertical alexis
@@ Ligne 1: / Ligne 1: @@
+====== Alignement vertical ======
+Si on veut aligner du texte et une image dans une cellule, il faut utiliser la propriété //[[https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align|vertical-align]]//.\\
+Cependant, il faut faire attention de l'appliquer au bon élément. Instinctivement, on voudrait l'appliquer au contenant (la cellule), alors que c'est au contenu (le texte et l'image).
+Voici les citations de [[http://forum.alsacreations.com/topic.php?fid=4&tid=35#p4653|ce message]] qui m'ont aidé à comprendre ce fonctionnement :
+> S'applique à : ceux des éléments de type en-ligne et à l'élément 'table-cell'.
+> 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.