| Auteur | |
|---|---|
| paintbox | |
| 48 Posts |
Bonjour à tous, j'ai un menu horizontal qui est constitué d'une liste. Chacun des li a une image en background au dessus de laquelle je viens positionner l'intitulé (texte) de chacun des éléments de mon menu. C'est justement cet intitulé (texte) que je n'arrive pas à aligner verticalement. Je ne vois pas ce qui n'est pas bon. Peut-être que vous y verrez plus clair ? Voici mon code: mon menu :
et le CSS
Est-ce que quelqu'un a une idée ? Merci pour votre aide. |
| Spacedementia | |
| 171 Posts |
Salut, Pour aligner ton texte verticalement utilises sur tes "li" un attribut "line-height:88px". Sinon tu peux utiliser des marges internes à tes éléments de liste mais tu ne maîtrisera pas forcément leur hauteur à 88px. Webdesigner - Intégrateur - Agence Web Ukoo |
| paintbox | |
| 48 Posts |
Hello Spacedementia merci pour ta réponse effectivement avec un "line-height" sur les li cela fonctionne. Mais je ne comprends pas pourquoi le verticalign-align ne marche pas alors qu'il est fait pour ça non ? Encore merci |
| Dieulot | |
| 12 Posts |
vertical-align ne fonctionne qu'avec les cellules de tableau (<td>, et <th> je crois) ou avec les éléments ayant un display: table-cell. |
| Spacedementia | |
| 171 Posts |
Un petit article d'explication : http://www.alsacreations.com/tuto/lire/1032-comment-centrer-verticalement-sur-tous-les-navigateurs.html Le vertical-align sert aussi à aligner verticalement des éléments de type "en ligne" (inline) comme des images, texte etc. Modifié par Spacedementia (26 Feb 2012 - 21:45) Webdesigner - Intégrateur - Agence Web Ukoo |