[Résolu] Re-définition de vertical-align et inline-block

Bonjour,

je souhaite aligner deux éléments verticalement au centre dans mon entête :
=> des onglets et un lien vers l'espace membre (cf image ci-dessous).




Ma structure repose sur une grille maison composée de inline-block.

.c1, .c2, .c3, .c4, .c5, .c6,
.c1_c2, .c1_c3, .c1_c4, .c1_c5, .c1_c6,
.c2_c3, .c2_c4, .c2_c5, .c2_c6,
.c3_c4, .c3_c5, .c3_c6,
.c4_c5, .c4_c6,
.c5_c6 {display:inline-block}

Jusque là, pas de problème. Tout est aligné verticalement au centre, y compris les éléments qui m'intéressent.
Cependant, je veux tout aligner verticalement en haut pour le reste du site. Code modifié en conséquence :

.c1, .c2, .c3, .c4, .c5, .c6,
.c1_c2, .c1_c3, .c1_c4, .c1_c5, .c1_c6,
.c2_c3, .c2_c4, .c2_c5, .c2_c6,
.c3_c4, .c3_c5, .c3_c6,
.c4_c5, .c4_c6,
.c5_c6 {
  display:inline-block;
  vertical-align:top;
}

Pour aligner les 2 éléments qui m'intéressent, je renseigne à présent un alignement spécifique :

nav p, 
nav ul {
  display:inline-block;
  vertical-align:middle;
}

Et là problème, ça ne marche pas (cf image ci-dessous).



J'ai essayé de passer en force :

div nav p, 
div nav ul {
  display:inline-block;
  vertical-align:middle!important;
  border:2px solid black
}

Le résultat avec des bords :



Un peu d'aide s'il vous plait je sèche.
Modifié par olivier56 (19 Aug 2011 - 12:25)

Vertical align est fait pour aligner du texte à la base.

Je t'invite à lire ceci pour ce qui est des div :
http://www.zonecss.fr/style_css/feuille_css_vertical_align.html

Bonjour et merci de votre aide.

J'ai résolu mon problème qui finalement était si simple...

Dans un premier temps je ciblais les DIV de structure. Dans un deuxième je ciblais les éléments enfants de ces DIVs.

nav .c2_c5,
nav .c6 {vertical-align:middle}