Menu avec display:block [resolu]

Salut,

Je voudrais des conseils,avis sur une façon de faire un menu que j'ai decouvert recemment.

C.a.d attribuer un display:block a un lien et lui attribuer une hauteur.

Du coup on peut cliquer sur le lien mais aussi sur toute la zone autour.

Ca me semblait drolement cool et bien plus leger que d'utiliser des images pour faire les liens.

But... pour mon menu

1/ En attribuant juste une height:3em mes liens restent coller en haut.

2/ En rajoutant une line-height:3em je suis de nouveau centré mais les menus sur 2 lignes sont affreux trop d'espace entre les 2 lignes Et surtout sous firefox la deuxieme ligne est si décalé qu'elle va s'inscrire dans la ligne d'en dessous....Berk .

donc ma question : Vous en pensez quoi de cette methode? et si vous en pensez du bien on peut arranger soit le point 1/ soit le 2/?
Modifié par CPascal (23 Apr 2007 - 10:50)

Salut.

Au lieu de fixer une hauteur, tu peux donner un padding haut et bas identique.

Salut,

merci pour ta reponse.

Pour l'instant c'est bizarre mais en appliquant le padding seule la première case de mon menu c'est vu appliquer le changement.

Ca viens peut-etre que je fabrique mon menu dynamiquement en PHP quoi que je ne vois pas trop pk..?

pascal

edit : ou pour etre plus exact. toute les cases du menu on gagné en espace par le padding mais seule la premiere case voit sa zone de hyperlien etendue.
Modifié par CPascal (23 Apr 2007 - 09:57)

Bon j'ai fais plusieurs test.

Visiblement ca ne marchait pas pour plusieurs raisons:
d'abord car mes liens étaient dans les cellules d'un tableau.

mais aussi car j'étais dans un div auquel j'avais donné un width et ce sans en donner un aux liens. Ben dites donc c sensible ces petites choses la!!!

finalement faire un menu avec ca reste possible mais je sais pas si j'utiliserais.

allez hop je classe comme résolu
Modifié par CPascal (23 Apr 2007 - 10:51)