Vertical align

Bonjour je débute dans le métier, je souhaite réaliser un menu responsive et je veux centrer mon texte. Je souhaite utiliser qu'un vertical align.

   <nav>
       <ul class="primary-nav">
           <li class="nav--item nav--level1-item defaultmenu nav--level1-item_type1">    
               <a class="LinkIn nav--link nav--level1-link">
                   <span class="nav--category nav--level1-category">Le comité</span>
               </a>
           </li>

je ne sais pas sur quoi l'appliquer...

Bonjour k6r

le centrage vertical est tout un programme à lui tout seul
Va lire ces pages assez dense mais super bien expliquées et tu sauras centrer avec les bonnes méthodes sur tous supports .

http://www.alsacreations.com/article/lire/539-Centrer-les-elements-ou-un-site-web-en-CSS.html

http://www.alsacreations.com/tuto/lire/1032-comment-centrer-verticalement-sur-tous-les-navigateurs.html

http://www.alsacreations.com/actu/lire/137-centrage-delements-positionnes.html

Apres tu as un tutos sur les menus très complet aussi ->
http://www.alsacreations.com/tuto/lire/574-Creer-des-menus-simples-en-CSS.html

et enfin tout savoir sur le positionnement et les bonnes méthodes, une fois que tu les as acquises ça te fait gagné un temps fou ! Merci Alsacréation..S !

http://www.alsacreations.com/tuto/lire/610-Mise-en-page-CSS-avancee-grace-a-la-propriete-display.html

http://www.alsacreations.com/tuto/lire/1524-le-modele-tabulaire-en-css.html

http://www.alsacreations.com/article/lire/53-guide-de-survie-du-positionnement-css.html

Bonne lecture

Bonjour,

Un line-height peu suffire dans certains cas pour le centrage vertical. Difficile de donner un coup de main sans connaitre les propriétés css des éléments...

PS : dans la KiwiParty 2014 Vincent de Oliveira avait proposé une conférence sur Line-height: une propriété méconnue.

La propriété vertical-align s'applique aux éléments dotés d'un display: table-cell ou inline/inline-block.
Pour centrer un élément verticalement à l'intérieur de son conteneur, celle-ci doit s'appliquer sur la cellule conteneur.

Un line-height effectivement de la hauteur du li (exprimé en em de préférence) si tu n'as qu'une ligne à centrer, sinon convertir tes LI en affichage cellule via la valeur table-cell de display. L'UL devra être doté d'un display:table.
Modifié par Hermann (09 Jul 2014 - 01:43)