CSS vertical align
Résolu
GreenDay-punkweapon
Messages postés
80
Statut
Membre
-
GreenDay-punkweapon Messages postés 80 Statut Membre -
GreenDay-punkweapon Messages postés 80 Statut Membre -
Bonjour,
je suis en train de travailler sur un template depuis plusieurs jours pour afficher une sorte d'emploi du temps. Dans les cases où il y a quelques choses à afficher j'affiche pour le moment du texte et une image.
Je souhaiterais positionner ce contenu au centre de ma case à l'aide de vertical align seulement ça ne marche pas :(
En parcourant des forums j'ai vu que je pouvais ajuster l'emplacement de mon contenu avec un margin-top ou même du positionnement absolu ou relatif. Ces solutions ne sont pas applicables à mon problème car mes cases n'ont jamais la même taille, leur hauteur s'ajuste en fonction de la durée de l'activité.
J'ai aussi vu que le vertical align s'applique sur une balise inline pour aligner son contenu (je n'en suis pas sur, j'ai eu du mal à comprendre).
Mes cases sont composées comme ceci :
je suis en train de travailler sur un template depuis plusieurs jours pour afficher une sorte d'emploi du temps. Dans les cases où il y a quelques choses à afficher j'affiche pour le moment du texte et une image.
Je souhaiterais positionner ce contenu au centre de ma case à l'aide de vertical align seulement ça ne marche pas :(
En parcourant des forums j'ai vu que je pouvais ajuster l'emplacement de mon contenu avec un margin-top ou même du positionnement absolu ou relatif. Ces solutions ne sont pas applicables à mon problème car mes cases n'ont jamais la même taille, leur hauteur s'ajuste en fonction de la durée de l'activité.
J'ai aussi vu que le vertical align s'applique sur une balise inline pour aligner son contenu (je n'en suis pas sur, j'ai eu du mal à comprendre).
Mes cases sont composées comme ceci :
<div>
<span style='vertical-align : middle;'><a><span>texte</span><img /></a></span>
</div>
A voir également:
- CSS vertical align
- Powerpoint vertical - Guide
- Barre vertical mac ✓ - Forum MacOS
- Trait vertical clavier - Forum Clavier
- Trait vertical sur écran tv samsung ✓ - Forum Téléviseurs
- Tiret vertical - Forum Windows
6 réponses
Bonjour !
Une petite piqure pour commencer : https://www.commentcamarche.net/faq/4713-definir-une-hauteur-verticale-et-relative-a-un-element
Il faut donc savoir que les elements parents doivent avoir une hauteur définit ... est-ce le cas ?
Une petite piqure pour commencer : https://www.commentcamarche.net/faq/4713-definir-une-hauteur-verticale-et-relative-a-un-element
Il faut donc savoir que les elements parents doivent avoir une hauteur définit ... est-ce le cas ?
non, j'utilise drupal donc il génère plein de div et de class un peu partout et c'est impossible de tous leur donner une taille.
j'ai essayé en faisant dans mon css le code ci-dessous mais c'est vraiment moche
j'ai essayé en faisant dans mon css le code ci-dessous mais c'est vraiment moche
*{
height : 100%;
}
Tu peux créer des classes de tes div et span pour leurs donner une hauteur par lots . Et c'est sur que c'est moche mais c'est la méthode pour l'alignement vertical ... essaie de mettre des margin-top:5px; sur tes spans ...
Je préfère pas car toutes les div/span ont déjà plusieurs classes ou id alors ça va être un vrai casse tête pour tout refaire fonctionner après.
N'y a t-il pas une autre méthode?
N'y a t-il pas une autre méthode?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question