[Résolu]Menu avec 1 ou 2 lignes de texte

Bonjour,

J'ai bataillé tout le week-end avec mon menu mais non, je n'y arrive pas...
Du coup, tous mes codes sont à la poubelle mais si vous voulez bien vous pencher sur mon problème, je vous serais ultra reconnaissant!!$$$$$;)
Je débute en css mais j'avais cru que mes lectures auraient suffit pour faire de moi un webmaster confirmé...venons en au fait : le plus simple est que je montre par une image ce que je souhaite réaliser :


Et mes problèmes sont : l'espacement entre chaque entrée du menu n'est pas le même (à cause des boites en biais) et certains textes du menus sont sur 2 lignes. en tout il y a 8 entrées dans ce menu.

J'ai créé une unique image de fond et j'ai essayé par des padding, des line-height de placer mon texte comme il faut mais rien n'y fait. Et l'interprétation des padding-bottom par IE me laisse perplexe. Si vous préférez du code pour analyser mes essais, je refais tout ce que vous voulez!! Oui, je suis à la bourre, mais ça, je sais bien, c'est mon problème!!!

Merci d'avance à tous ceux qui se priveront du film du dimanche soir pour jouer avec moi...
Modifié par yacks (11 Feb 2007 - 23:08)

je vais faire mon monologue à moi tout seul, mais j'avoue, j'ai paniqué à vouloir aller à fond, je n'ai pas pausément réfléchi. Donc calmement, en regardant intelligemment la faq d'alsacreations, la rubrique "Comment centrer verticalement un élément ?" va certainement me donner une solution. et puis sije refaisais mon image un peu mieux, ça serait peut-être plus simple...Oui je parle tout seul!!!!!

Ah oui, j'ai lu les post "avant de poster" aussi..donc si vous voulez voir de plus près, malgré tout :
http://rippetout.homelinux.net
Modifié par yacks (11 Feb 2007 - 21:49)

Le centrage vertical des éléments n'est effectivement pas aisé. La solution la plus efficace ici serait d'utiliser un tableau (une colonne, huit lignes, une cellule par item de menu), ce qui permettrait de centrer verticalement le texte peu importe le nombre de lignes qu'il prend.

Si on utilise un tableau, on pourra peut-être penser à centrer les images de fond des différentes td, pour que l'agrandissement de la taille du texte donne quelque chose de potable (actuellement, c'est assez catastrophique).

Une autre solution, si les intitulés du menu ne sont pas amenés à changer dynamiquement : utiliser des images. De jolies petites images appelées via la balise HTML <img />, avec des textes alternatifs correctement indiqués, dans une liste non ordonnée.

Merci Florent. Je viens de me résoudre à utiliser un bon vieux tableau et ça marche nickel. Pour les images et l'agrandissement éventuel du texte, je ne suis plus à ça près : j'étais déjà parti sur une unique image de fond!
et pour la dernière solution, testée aussi, mais j'ai du cafouillé quelque part, ma page principale flottait comme bon lui semblait. L'apprentissage est rude!
merci encore