,

Je n'ai pas mis cette balise pour rien, le problème que j'ai doit sûrement être très simple à résoudre, seulement je suis en plein apprentissage du xhtml/css et... bah je n'y arrive pas

Voilà mon problème : je suis en train de créer un site qui aura un design FIXE. J'ai créé une bannière avec Gimp, j'ai fait en sorte qu'elle soit centrée, jusque là tout marche bien.

Seulement ma bannière n'est pas qu'une bannière en fait, car juste en dessous j'ai aussi mis avec Gimp le fond de mon menu. Et j'ai créé les boutons, sous forme d'images histoire d'avoir une jolie police, que je compte placer par dessus ce fond de menu.

Quelques images pour bien me faire comprendre :

J'ai créé ma bannière + fond du menu sur Gimp :
http://s2.noelshack.com/old/up/1-86aa851066.png

J'ai ensuite créé différentes petites images qui représentent les boutons du menu :
http://s2.noelshack.com/old/up/2-79ea47d065.png

Je les place sur le fond du menu :
http://s2.noelshack.com/old/up/3-c556975e77.png

Seulement, et le problème est là, quand je réduis la taille de la fenêtre, ou bien que je réduis ma résolution, la bannière/fond du menu reste bien en place, mais mes boutons partent en vrille, vers la droite :
http://s2.noelshack.com/old/up/4-50e80e9241.png

Pour info, voici les codes html et css pour le bouton "accueil" par exemple (pour les autres boutons c'est la même chose, si ce n'est le nom de l'image et le nombre de pixels) :

HTML :

<p>
<a href="index.html" />
<img
class="boutonaccueil"
src="images/boutons/accueil.png"
name="accueil"

onmouseover="accueil.src='images/boutons/saccueil
.png'"

onmouseout="accueil.src='images/boutons/accueil.p
ng'"
/>
</a>
</p>

CSS :

.boutonaccueil
{
position: absolute;
left: 425px;
top: 328px;
}

Je pense que c'est une histoire de positionnement absolu/relatif, seulement j'ai vraiment du mal, sinon je ne viendrais pas poser la question...

Voilà, un grand merci d'avance ~ ~

C'est une mode d'utiliser ces positionnements ? Tu mets tes images avec les liens autour dans un div ou paragraphes : tu lui mets un text-align:center et tu le positionnes de manière à ce qu'il soit dans l'emplacement du menu.

Merci pour ta réponse mais je n'y arrive toujours pas. J'ai bien réussi à faire en sorte que, lorsque je réduise la fenêtre, les boutons restent au milieu de celle ci, seulement si je réduis jusqu'à que la taille de na fenêtre soit INFÉRIEURE à la taille du menu, et bien le fond du menu ne pose pas de problèmes seulement les boutons commencent à s'entasser sur la longueur de la page, au lieu de rester comme ils sont et de se faire recouvrir par le bord de la fenêtre.

En gros je pense que ce que veut dire deepblue, c'est de virer le position: absolute.

Si tu veux que ton div soit centré, tu fais un margin: auto; ça devrait aller.

Le left etc faut s'en méfier perso (en gros si chez toi ça marche niquel, j'ai un autre ayant une tout autre résolution ça peut donner autre chose, à moins de bien calibrer tout le truc).