Det er der hvor jeg har lavet en menu med en masse div jeg gerne vil have sådan at jeg laver det i en og ligge billederne derind istedet
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"
http://www.w3.org/TR/REC-html40/strict.dtd"><html>
<head>
<title>Mit HTML-dokument</title>
<link rel="stylesheet" type="text/css" href="/css.css">
<style type="text/css">
body {
margin:0px;
width:100%;
}
#logo {
position:absolute;
left:0px;
top:5px;
width:100%;
height: 120px;
background-color:#9E9E9D;
}
#top{
position:absolute;
left:0px;
top:0px;
width:100%;
height:5px;
background-color:#9E9E9D;
}
#bartop {
position:absolute;
left:0px;
top:125px;
width:100%;
background-image: url("/gfx/bar2.gif");
}
#graf {
position:absolute;
left:0px;
width:100%;
top:152px;
height:80px;
}
#bar2 {
position:absolute;
left:0px;
width:100%;
top:232px;
background-image: url(/gfx/bar3.gif);
height:32px;
}
#top_menu {
position:absolute;
left:10px;
top:137px;
background-image:url(/gfx/top_menu.gif);
width:154px;
height:125px;
}
#menu {
position:absolute;
left:10px;
top:262px;
width:154px;
}
#menu_forside {
position:absolute;
left:10px;
top:262px;
width:154px;
}
#menu_omos {
position:absolute;
left:10px;
top:292px;
width:154px;
}
#menu_kontakt {
position:absolute;
left:10px;
top:322px;
width:154px;
}
#menu_lyra {
position:absolute;
left:10px;
top:352px;
width:154px;
}
#menu_playmais {
position:absolute;
left:10px;
top:382px;
width:154px;
}
#menu_ideer {
position:absolute;
left:10px;
top:412px;
width:154px;
}
#menu_produkter {
position:absolute;
left:10px;
top:442px;
width:154px;
}
#baggrund {
position:absolute;
left:0px;
top:260px;
width:100%;
background-image:url(/gfx/baggrund.gif);
}
</style>
</head>
<body>
<div id="bartop"><img align="left" src="/gfx/bar.gif"></div>
<div id="top"></div>
<div id="logo"><img src="/gfx/logo.gif"></div>
<div id="graf">
<?
$num = rand(1,2);
$image = "/gfx/graf";
$image.= $num;
$image.= ".gif"; // or jpg, png, etc
echo "<img width='100%' height='80px' src=".$image.">";
?>
</div>
<div><img src="gfx/bar.gif" alt=""></div>
<div><img src="gfx/bar.gif" alt=""></div>
<div id="bar2"></div>
<div id="baggrund">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="20%">
</td>
<td width="80%" valign="top" align="center">
</td>
</tr>
</table>
<table width="100%" bgcolor="#9E9E9D" cellpadding="0" cellspacing="0">
<tr>
<td background="/gfx/bar2.gif">
<img align="left" src="/gfx/bar.gif">
</td>
</tr>
<tr>
<td height="32" background="/gfx/bund.gif">
</td>
</tr>
</table>
</div>
<div id="top_menu"></div>
<div id="menu"> <img src="/gfx/forside_menu.gif"></div>
<div id="menu_omos"> <img src="/gfx/forside_menu.gif"></div>
<div id="menu_kontakt"> <img src="/gfx/forside_menu.gif"></div>
<div id="menu_lyra"> <img src="/gfx/forside_menu.gif"></div>
<div id="menu_playmais"> <img src="/gfx/forside_menu.gif"></div>
<div id="menu_ideer"> <img src="/gfx/forside_menu.gif"></div>
<div id="menu_produkter"> <img src="/gfx/forside_menu.gif"></div>
