Menu arrondi extensible avec image de contour arrondi et non du bouton

Bonjour à tous,

J'essaye de faire un menu arrondi avec des boutons extensibles.

Pour cela j'utilise deux images, l'arrondi de gauche (transparent) :
http://img460.imageshack.us/img460/7944/boutonggdc8.gif
l'arrondi de droite (transparent) :
http://img396.imageshack.us/img396/7441/boutonddfb1.gif
/!\ Précision : Je pourrai choisir alors un background-color de la couleur souhaité pour le bouton arondi.
Pour ce qui est de l'extensibilité en largeur du bouton, un border-top d'un px conséquent de la même couleur que ces deux premières images le permettrait.
/!\

Le but étant de donner la couleur de fond souhaité au bouton directement dans le CSS.

Comment puis je faire ça en CSS ?

Cordialement et Bonne Journée !

Timothy
Modifié par timothyleary (05 Aug 2007 - 18:16)

timothyleary a écrit :
Bonjour à tous,

J'essaye de faire un menu arrondi avec des boutons extensibles.

Pour cela j'utilise deux images, l'arrondi de gauche (transparent) :
http://img460.imageshack.us/img460/7944/boutonggdc8.gif
l'arrondi de droite (transparent) :
http://img396.imageshack.us/img396/7441/boutonddfb1.gif
et j'imagine mon texte avec une propriété border-top de 4px et de la couleur de l'arrondi, ce qui permettrait d'etendre le bouton.

Le but étant de donner la couleur de fond souhaité au bouton directement dans le CSS.

Comment puis je faire ça en CSS ?

Cordialement et Bonne Journée !

Timothy

Bonsoir timothy,

Ce que je ne comprend pas, c'est que si tu donnes la couleur de ton texte à la couleur du fond de ton onglet, comment vas-ton lire le lien ?

Ou alors, j'ai loupé quelquechose

L'arrondi est de la couleur du fond de header qui contient le menu horizontal (avec ces boutons), ce qui permet de donner par exemple à <li></li> une propriété de background-color de la couleur du bouton souhaité, sans que cela change le fond global du header, qui est de la même couleur que celle de l'arrondi (noir dans notre cas).

Cordialement et dans l'espoir d'une aide pour cela,

Timothy