[résolu] Comment faire un menu pareil a celui ci ?

Bonjour,

JE souhaiterais faire un menu pareil a celui-ci, sous forme d'onglets en rectangle arrondi.

Je souhaitais m'inspirer de la méthode des portes coulissantes, décrites sur pompage.net par exemple, mais ici le problème est que les 4 coins sont arrondis et pas seulement ceux du haut ! Ce qui fait que je dois gérer 4 gif je suppose...

Bien sur les onglets doivent s'adapter a la taille du texte et s'agrandir en conséquence tout en gardant la même forme... et les coins 4 doivent être transparents pour faire apparaitre le fond du dessous.

Bref je n'y arrive pas même après de longues heures d'essai

Est-ce que qqn aurait une piste ?
Modifié par Noisequik (21 Mar 2007 - 10:31)

Je me suis déjà frotté à cet objectif et je dois dire que si tu veux faire ça propre effectivement il te faut 4 gif donc 4 balises.

Pour peu que tu arrives à utiliser les bg de <li> et <a> il t'en reste encore 2, donc 2 span je dirais, donc pour moi ça fait beaucoup si c'est pour obtenir qqch genre

<ul>
<li><a href=""><span><span>Menu1</span></span></a></li>
<li><a href=""><span><span>Menu1</span></span></a></li>
</ul>

Maintenant peut-être que les spécialistes auront une meilleur solution

Je pense que les portes coulissantes peuvent fonctionner sans mettre 4 images, mais la hauteur sera fixe. (celle de l'image)

oui mais ce serait gênant que la hauteur soit fixe car le texte déborderait alors de l'image s'il est agrandit...