Discussion :

[John Vass]

Bonjour à tous.

J'ai, disons, un super problème.
Ce que je dois faire :
- Un bouton dont le style est duplicable pour toute une navigation horizontale ( Bon ca, c'est pas méchant, une classe et çà roule ! );
- mais ces boutons sont aux bords arrondis;
- ont une longueur adaptable selon le texte qui est dedans ( çà plus les bords arrondis, ca me pose un problème ! );
- ont un remplissage en dégradé de haut en bas ( ce qui complique encore les choses );
- Et sont dotés d'un ombrage extérieur. ( Histoire d'en remettre une couche ! );

Oh, et la cerise sur le gâteau : IE doit digérer le tout, au même titre que safari et Chrome !

J'ai peut-être un peu d'expérience en CSS, mais là, je suis un peu coincé. Je fais quelques recherches pour trouver des documents là-dessus, et pour le moment, c'est pas le pied. J'aurais donc besoin de votre aide.

Merci d'avance !

[Macmillenium]

Bonsoir,

Tu peux nous montrer ton bouton s'il te plait?

[SpaceFrog]

il suffit que la partie visible du bouton soit en 2 parties ...

un coté et le centre avec l'autre coté
(on peut aussi le decomposer en 3 avec 2 cotés et un bandeau vertical de 1pixel pour le centre)

A mon avis plus simple a realiser avec jquery qui permettra facilement de modifier en même temps sur le mouseover mouseout les background position de ces 2 ou 3 composants du bouton

voici un exemple :
http://www.oscaralexander.com/tutori...-with-css.html

[John Vass]

Ok.
Merci SpaceFrog.
Je vais faire quelques essais et je tiens au courant !

[John Vass]

Effectivement, ca marche. Le bouton correspond à la majorité des critères. A présent, j'ai plus qu'à remplir le dernier : l'ombrage CSS. Quelqu'un peut m'expliquer un peu ? Ou encore m'indiquer un lien ou un doc là-dessus ? Je poursuis mes recherches !

[devyan]

Effectivement, ca marche. Le bouton correspond à la majorité des critères. A présent, j'ai plus qu'à remplir le dernier : l'ombrage CSS. Quelqu'un peut m'expliquer un peu ? Ou encore m'indiquer un lien ou un doc là-dessus ? Je poursuis mes recherches !

Comme pour le reste

Il suffit que ton image ai déjà l'ombre.

devyan