Har lige været væk nogle dage,her er et nyt forsøg, håber det er sådan du ønsker det.
Du skal selv sætte dit toplogo ind her :
div#header{
background: url(top.gif);
..........................
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>RyeWeb</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body{
padding: 20px;
background: #707883;
color: #222;
text-align: center;
font: 85% "Trebuchet MS",Arial,sans-serif
}
h1,h2,p{
margin: 0;
padding: 0 10px;
font-weight:normal
}
p{
padding: 0 10px 15px
}
h1{
font-size: 250%;
color: #FFF;
letter-spacing: 1px;
}
h2{
font-size: 200%;
line-height:1;
color:#002455
}
div#container{
width:770px !important;
width /**/:460px;
margin: 0 auto;
padding:5px;
text-align:left;
background:#FFF;
}
div#header{
background: url(top.gif);
padding: 20px;
text-align:center
}
div#content{
float:left;
width:150px;
padding:0px 0;
margin:5px 0;
background: #ffffff
}
div#nav{
float:right;
width:615px;
padding:10px 0;
margin:5px 0;
background: #ffffff
}
div#nav h2{
font-size: 120%;
color: #9E4A24
}
div#footer{
clear:both;
width:100%;
background: #6495ED left;
padding:5px 0;
text-align:center
}
/* style_menu - */
ul {
margin: 0;
padding: 0;
list-style: none;
position:absolute;
width: 150px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
background-color: #FFFFFF;
z-index: 100;
}
ul li {
position: relative;
}
li ul {
position: absolute;
left: 149px; /* Set 1px less than menu width */
top: 0;
display: none;
}
/* Styles for Menu Items */
ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff; /* IE6 Bug */
padding: 5px;
border: 1px solid #ccc; /* IE6 Bug */
border-bottom: 0;
}
/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
ul li a:hover { color: #E2144A; background: #f9f9f9; } /* Hover Styles */
li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
li:hover ul, li.over ul { display: block; } /* The magic */
/* <--- Menu slut */
</style>
</head>
<body>
<div id="container">
<div id="header">
<h1>
Rye web
</h1>
</div>
<div id="content">
<ul id="nav">
<li><a href="index.htm">Forside</a></li>
<li><a href="#">About</a>
<ul>
<li><a href="#">History</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Offices</a></li>
</ul>
</li>
<li><a href="#">Services</a>
<ul>
<li><a href="#">Web Design</a></li>
<li><a href="#">Internet Marketing</a></li>
<li><a href="#">Hosting</a></li>
<li><a href="#">Domain Names</a></li>
<li><a href="#">Broadband</a></li>
</ul>
</li>
<li><a href="#">Contact Us</a>
<ul>
<li><a href="#">United Kingdom</a></li>
<li><a href="#">France</a></li>
<li><a href="#">USA</a></li>
<li><a href="#">Australia</a></li>
</ul>
</ul>
</div>
<div id="nav">
<h2>Velkommen til Ryeweb</h2>
<p></p>
<div id="billede">
<div align="right">
</div>
</div>
<p align="left">Mars - den røde planet
Navnet har den fået, fordi den på himlen skinner med et svagt orangerødt skær. Årsagen hertil skal søges i den kemiske sammensætning af marsgruset. Det indeholder store mængder af oxideret jern, eller med andre ord rust. Marsoverfladen bærer præg af, at der en gang har flydt en eller anden væske - formentlig vand - på dens overflade.
I dag er Mars en tør, kold planet uden en brugbar atmosfære til at holde på vand som væske. Is er der meget af - både ved Mars' poler og som permafrost i mars-skorpen. Store vulkaner vidner om, at Mars i en ikke så fjern fortid har været geologisk aktiv, men nu synes alt roligt. Den geologiske aktivitet har oså frembragt vældige kløfter, hvoraf Valles Marineris med mere end 6 km's dybde langt overgår de jordiske, f.eks Grand Canyon, som "kun" er 1829 m.
Mars har givet navn til tirsdag (Latin: Dies Martis, fransk: Mardi)
</p>
<p align="left">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris vel magna. Mauris risus nunc, tristique varius, gravida in, lacinia vel, elit. Nam ornare, felis non faucibus molestie, nulla augue adipiscing mauris, a nonummy diam ligula ut risus. Praesent varius. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus..</p>
<p align="left">Aenean tempor. Mauris tortor quam, elementum eu, convallis a, semper quis, purus. Cras at tortor in purus tincidunt tristique. In hac habitasse platea dictumst. Ut eu lectus eu metus molestie iaculis. In ornare. Donec at enim vel erat tempor congue. Nullam varius. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla feugiat hendrerit risus. Integer enim velit, gravida id, sollicitudin at, consequat sit amet, leo. Fusce imperdiet condimentum velit. Phasellus nonummy interdum est. Pellentesque quam..</p>
</div>
<div align="center" id="footer" style="padding-top: 0pt; padding-bottom: 0pt;">
Copyright © 2007 Ryeweb, alle rettigheder forbeholdes
</div>
</div>
</body></html>
