image on image meny

Hej
Jag försöker göra en meny med bilder. Jag har en bakgrundsbild som jag vill lägga ytterligare bilder på som ska gå att klicka på, hovera över och när man hoverar ska man även få upp en ruta med text som förklarar var man hamnar om man klickar på den bilden. Jag kan bara inte komma på hur jag ska göra.

Jag har försökt att lägga in dom i en tabell men då kan jag inte kontrollera exakt var bilderna på "lager 2" hamnar i jämförelse med bakgrundsbilden.

Jag använder css om det nu skulle göra saker lättare :p

tack på förhand

Aja jag lyckades lösa det själv i alla fall

Sedana skrev:

Aja jag lyckades lösa det själv i alla fall

Förklara gärna / visa kod så att andra som söker en lösning på samma problem förstår hur det ska / kan lösas.

va inte säker på om folk var aktiva bara men klart jag kan!
Detta är en png bild med en jpg "knapp". Bakgrunden (png) är placerad i förhållande till toppen av sidan. Jag har nämligen en header emellan och jag ville att menyn skulle ligga ovanpå den. Knappen (jpg) är placerad i förhållande till kanterna på bakgrunden. På det sättet är det lätt att lägga till ytterligare knappar och dom håller sin position även om man förstorar eller förminskar fönstret

(hittade inga kod taggar hoppas det går att läsa ändå)

<div style="position:absolute; width:851px; height:77px; left:5px; top:200px; background-image:url(image/x.png); background-repeat: no-repeat;">

	\<div style="left:121px; top:38px; position:absolute; width:36px; height:36px;"\>
		\<a href="#"\>\<img src="image/x.jpg" border="0" alt="Home"/\>\</a\>
	\</div\>

\</div\>