Alignement vertical CSS
virtualsof
Messages postés
112
Statut
Membre
-
COINCOIN -
COINCOIN -
Bonjour,
J'ai un problème de compréhension de ce magnifique langage qu'est le CSS.
Pour bien comprendre mon pb il faut se rendre sur https://static.html.it/app/uploads/blog/layoutgala/LayoutGala07.html
Alors voila j'aimerai faire en sorte que les colonnes 2 et 3 soient tout le temps de la même HAUTEUR que la colonne 1.
J'ai essayé d'insérer la balise width: 100% mais c'est pas ca :(
D'avance merci pour votre aide
J'ai un problème de compréhension de ce magnifique langage qu'est le CSS.
Pour bien comprendre mon pb il faut se rendre sur https://static.html.it/app/uploads/blog/layoutgala/LayoutGala07.html
Alors voila j'aimerai faire en sorte que les colonnes 2 et 3 soient tout le temps de la même HAUTEUR que la colonne 1.
J'ai essayé d'insérer la balise width: 100% mais c'est pas ca :(
D'avance merci pour votre aide
A voir également:
- Alignement vertical CSS
- 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
3 réponses
Je ne comprend pas. Comment serait-elles à la même hauteur alors qu'il y a beaucoup plus de texte dans la colonne 1 ? Tu veux que les colonnes s'aggrandissent à mesure que la 1 s'aggrandit ?
Essaie de mettre les trois colonnes dans une unique balise genre :
<div id ="total">
..la tu mets
..les trois
..colonne
</div>
Puis :
//attribue la taille qui sera répércutée sur les trois colonnes
#total {
width:100%;
}
//tu règle les details de la colonne 1 dans total
#total #colonne1 {
..
}
//tu règle les details de la colonne 2 dans total
#total #colonne1 {
..
}
//tu règle les details de la colonne 3 dans total
#total #colonne1 {
..
}
Essaie de mettre les trois colonnes dans une unique balise genre :
<div id ="total">
..la tu mets
..les trois
..colonne
</div>
Puis :
//attribue la taille qui sera répércutée sur les trois colonnes
#total {
width:100%;
}
//tu règle les details de la colonne 1 dans total
#total #colonne1 {
..
}
//tu règle les details de la colonne 2 dans total
#total #colonne1 {
..
}
//tu règle les details de la colonne 3 dans total
#total #colonne1 {
..
}
COINCOIN
Juste pour info, la hauteur c'est height et non width
Bonsoir Liebgott,
Merci pour ta réponse.
En fait tu veux dire qu'il faut que j'englobe les colonnes 2 et 3 dans une seule et mm colonne ?
D'après ce que tu as écrit, j'ai comme l'impression que tu voulais que j'écrive :
Le résultat que je cherche a avoir en fait serait le résultat que donnerait un tableau dans lequel je n'entrerai des données que dans la colonne centrale.
Mais comme le veux la certification tableless du standard CSS, j'aimerai éviter d'avoir à en arriver la.
Et en fait dans mon template, les colonnes 2 et 3 ne contiennent aucune données, elles servent juste a contenir un background-image: image.jpg pour la déco. Voila pourquoi il faut absolument qu'elles s'agrandissent en mm tps que le centre qui lui aussi contient une image de fond.
Voila j'espère être assez clair et surtout que quelqu'un aura une solution.
Bien sur je vais essayer ça et je reviens te dire ce qu'il en est.
Encore merci
++
Merci pour ta réponse.
En fait tu veux dire qu'il faut que j'englobe les colonnes 2 et 3 dans une seule et mm colonne ?
D'après ce que tu as écrit, j'ai comme l'impression que tu voulais que j'écrive :
/tu règle les détails de la colonne 1 dans total
#total #colonne1 {
..
}
//tu règle les détails de la colonne 2 dans total
#total #colonne2 {
..
}
//tu règle les détails de la colonne 3 dans total
#total #colonne3 {
..
}
Le résultat que je cherche a avoir en fait serait le résultat que donnerait un tableau dans lequel je n'entrerai des données que dans la colonne centrale.
Mais comme le veux la certification tableless du standard CSS, j'aimerai éviter d'avoir à en arriver la.
Et en fait dans mon template, les colonnes 2 et 3 ne contiennent aucune données, elles servent juste a contenir un background-image: image.jpg pour la déco. Voila pourquoi il faut absolument qu'elles s'agrandissent en mm tps que le centre qui lui aussi contient une image de fond.
Voila j'espère être assez clair et surtout que quelqu'un aura une solution.
Bien sur je vais essayer ça et je reviens te dire ce qu'il en est.
Encore merci
++
