Alignement vertical du menu

chilperik

Bonjour a tous,

Apres avoir modifié (un peu trop lol) le theme de base je me retrouve dans cettte situation :


J'ai fait des comparaison avec le thème par défaut mais je ne trouve plus la variable qui influe sur cet alignement

Pouvez vous m'aider ?

gcyrillus-nomade

bonjour,

la taille de tes polices different , du coup le css de base ne convient plus.

Pour faire fit de la taille de police , elimine les padding verticaux , applique au moins un line-height a tes liens de menus:
modifie cette regle dans les style pour #menu ... a (inclus les #menu ... a:hover et les #menu ...a.class_quelconque )

padding : 5px 10px 4px 18px;

en

padding : 0px 10px 0px 18px;

note qu'il s'agit de remettre a zero la premiere et troisieme valeur la quatrieme valeur ne doit pas etre modifié et differe selon : 18 ou 26px .

Pour le line height , applique le a #menu li a seulement :

#menu li a {
	display : block;
	padding : 0px 10px 0px 26px;
	color :  #FFF;
	text-decoration : none;
	font-size : 0.9em;
line-height:30px;
	letter-spacing : 2px;
	background : url("img/icones.png") no-repeat 0 -153px;
}

GC

chilperik

Merci ça fonctionne ^^ je pouvais chercher encore longtemps :rolleyes:

Par contre j'ai du aussi modifié le height en 26px pour avoir l'icône de l'accueil en complet sinon elle était tronquée.

#menu li#static-home a {
	background : url("img/icones.png") no-repeat 0 -90px;
	padding : 0px 10px 0px 18px;
	height : 26px;
}
#menu li#static-home a.active, #menu li#static-home a:hover {
	background : url("img/icones.png") no-repeat 0 -58px;
	padding : 0px 10px 0px 18px;
	height : 26px;