Salut à tous !

Je vais essayer de m´expliquer au mieux ( ce n´est pas gagné )

Voilà, j´ai réalisée le menu pour mon site.
Voici le schéma :
http://www.enregistrersous.com/images/79525810620071029121904.bmp

Comme vous pouvez le voir, il est composé d´une partie pricipale et de 3 boutons.

Je voudrais donc "découper" ces 3 boutons pour les rendres utilisables sur mon site.

Je veux donc que la partie principale et les 3 boutons forment une partie commune.( donc pas de superposition des 3 boutons sur la partie principale qui serait alors une sorte d´arrière-plan)

Comment je dois m´y prendre ?

Ensuite, vaux t-il mieux inserer le menu en css ou avec des tableaux (ou autre) ?

Je ne sais pas si je me suis bien exprimée.

Merci d´avance.

Tu peux tout simplement créer toute l´image et en faire une image réactive avec The Gimp. En plus clair, tu prends ton image, tu farfouilles les menus de The Gimp, tu mets en place tes zones qui seront tes liens sur l´image et tu enregistres. The Gimp te chie un bout de code que tu devras ajuster à ta sauce.

Merci, je vais essayer.

Ah oui, j´ai oublié de préciser.

Je veux que les boutons changent de couleur quand on les survolent avec la souris.
J´ai donc créée 2 couleurs différentes pour chaque bouton.

Comment je fait après au niveau du code sachant que j´ai fait les boutons reactifs avec the gimp.

Merci.

mdr "The Gimp te chie un bout de code" bourin à souhait

Essaye de voir si tu ne peux pas faire quelque chose avec le css.

Par exemple, tu crée juste un contour oval ou l´interrieur est transparent (image gif ou png pour gérer la transparence) tu la mets en background, tu mets ton texte par dessus et après tu n´as plus qu´à changer la couleur d´arriere plan et la police avec le css.

C´est netement moins lourd et plus simple après si tu veux changer les couleurs.

Donc avec the gimp, tu n´as qu´à faire juste un ovale avec le centrer transparent.
Si tu veux je peux t´aider pour le css si tu n´as pas compris

Bien d´accord avec axeee.

Voici d´ailleurs un tuto qui t´aidera et qui simplifiera grandement ton code.

Pas besoin de javascript. Le tout en css pur.

http://css.alsacreations.com/Tutoriels-et-articles-divers/roll-over-css-image-unique

Merci beaucoup de votre aide, vous êtes vraiment sympas

Sinon, j´ai l´intention de faire un diaporama ( un peu comme celui de jv.com avec les commentaires en dessous ).

Comment je dois m´y prendre svp ?

Je suis complètement perdue.

Je fais comment pour placer mes 3 boutons sur l´arrière-plan(le rectangle sur l´image)

http://www.enregistrersous.com/images/79525810620071029121904.bmp

Désolée pour le triple post.

Si je place mon bouton avec du css, c´est bon ?

1. bouton1

{
background-image:url(images/accueil2.png) ;
width:145px;
height:168px;
position: absolute;
top:232px;
left:75px

}

Mais pour que l´image sois "cliquable", je fais comment ?

<a href="TON LIEN"><img src="ton_image_fixe" onmouseover="this.src=´image_souris_dessus´" onmouseout="this.src=´image_normale´" /></a>