[RESOLU]Un puzzle :) : image a "recoller"

Bonjour

Voila, j'ai voulu me servir du CSS pour supprimer la notion de frames html. Mais il me rete un petit problème... l'image est décallée. En fait j'ai une ligne qui se compose de deux images, la 1ère est bien à sa place, mais la 2ème est verticalement endessuou et horizontalement à sa place. Voici un appercçu :



Mon code est le suivant :

<style type="text/css">
.bas{margin-left:150px ; margin-top:0px ; background-image:url(img/imgprinc_05.jpg) ; width:800px ; height:100px}
.ecranprinc{margin-left:150px ; margin-top:0px ; background-image:url(img/imgprinc_04.jpg) ; width:800px ; height:383px ; overflow:auto}
.menus{margin-left:150px ; margin-top:0px ; background-image:url(img/imgprinc_02.jpg) ; width:347px ; height:36px}
.smenus{margin-left:497px ; margin-top:0px ; background-image:url(img/imgprinc_03.jpg) ; width:453px ; height:36px ; position:relative}
.haut{margin-left:150px ; margin-top:10px ; background-image:url(img/imgprinc_01.jpg) ; width:800px ; height:81px}
</style>


Je penses que c'est une question de positionnement mais je les ai tous essayés et aucun ne marche
Auriez vous une solution?

Merci d'avance
Modifié par Aerith (23 May 2006 - 15:50)

Bon ben désolé je vien juste de toruver la solution (c'est toujours quand on s'y attends le moins qu'elle arrive...). En fait par curiosité j'ai tester en mettant -36px au lieu de 0px pour l'allignement :

.smenus{margin-left:497px ; margin-top:-36px ; background-image:url(img/imgprinc_03.jpg) ; width:453px ; height:36px ; position:relative}

Et c'est nickel

Vous pensez que c'est la bonne solution de chez bonne solution ?