Skalerbar linkdiv

Mira · 24. mai 2004

Skal lage en meny med et bakgrunnbilde som er bygd opp slik.

______________________________

| |

|____meny_topp.gif_____________ |

| |

|____meny_content.gif___________|

| |

|____meny_bunn.gif_____________|

(ser dere hva det er? )

Her skal meny_content være utvidbart vertikalt.

Vet dette er en metode som ofte blir brukt.

Jeg lagde en side hvor jeg prøvde det ut, koden så slik ut:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="menycontainer">
<div id="meny_topp"></div>
<div id="meny_content"></div>
<div id="meny_bunn"></div>
</div>

</body>
</html>

CSS

#menycontainer  {
position:absolute;
top: 100px;
margin: 100px 0 0;
width: 163px;
}

#meny_topp  {
display:block;
background-image: url(images/meny_topp.gif);
width: 163px;
}

#meny_content  {
display: block;
background-image: url(images/menycontainer.gif);
width: 163;
height:auto;
}

#meny_bunn  {
display:block;
background-image: url(images/meny_bunn.gif);
width: 163px;
}

Det som skjer er at alle bildene ser ut til å bli lagt nesten oppå hverandre...

Ser dere hva som er feil her?

Har så langt bare brukt CSS til enkel formatering, som fonts og bakgrunner, så det kryr sikkert av feil, men kan dere peke på dem?

Endret 24. mai 2004 av Mira

joe45 · 24. mai 2004

Det virker det! Meny content utvider seg vertikalt jo mer du legger inn der. Men jeg er ikke helt sikker på om jeg svarte på hva du spurte om.

Logg inn

Skalerbar linkdiv

Anbefalte innlegg

Mira

Videoannonse

joe45

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer