Alignement vertical du menu

Réponses

• gcyrillus-nomade Member

  janvier 2010

  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

  
  Cordialement,
  gcyrillus , simple membre du forum et utilisateur de pluxml
  
  Mon site PluXml: https://re7net.com | Plugins: https://ressources.pluxopolis.net/banque-plugins/index.php?all_versions | demos sur free http://gcyrillus.free.fr/new | Thèmes: tester et télécharger @ https://pluxthemes.com
  Indiquez [RESOLU] dans le titre de votre question une fois le soucis réglè, Merci
• chilperik Member

  janvier 2010

  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;