---
title: "image on image meny"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/173880-image-on-image-meny"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Sedana"
published: "2008-09-05T23:02:40.000Z"
updated: "2008-09-10T19:51:52.000Z"
replies: 3
views: 447
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/173880-image-on-image-meny"
---

# image on image meny

## #1 — Sedana, 2008-09-05T23:02Z

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

Permalänk: https://www.webforum.nu/p/173880

## #2 — Sedana, 2008-09-06T21:27Z

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

Permalänk: https://www.webforum.nu/p/2137072

## #3 — MickeA.com, 2008-09-06T21:28Z

> **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.

Permalänk: https://www.webforum.nu/p/2137073

## #4 — Sedana, 2008-09-10T19:51Z

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\>

Permalänk: https://www.webforum.nu/p/2141051

---

Tråden på webben: https://www.webforum.nu/amne/html-css/173880-image-on-image-meny