Below I have put everything in one file, css in the head, so if you want to use it, and put the css into separate files, you need to change some of the paths to the various resources (like ../ and such).
My thought was that you could put everything in a wrapper, make separate divs for the top border/bottom border, separate divs for the navigation inside the wrapper, etc.
For what it's worth:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
<meta name="dcterms.created" content="to, 06 jun 2013 14:43:33 GMT">
<meta name="description" content="">
<meta name="keywords" content="">
<title></title>
<style type="text/css">
* {
margin: 0;
padding: 0; }
body {
color:#000000;
background-image: url('graphics/furniture-bkrnd.jpg');
}
#wrapper {
width: 80%;
margin: 0 auto;
background-color: #fff;
border: 1px solid black;}
.top { width: 100%;
height: 28px;
background-image:url('graphics/top-pattern.jpg');
background-repeat:repeat-x;
}
.logo {width: 20%;
margin: 20px auto; }
.logo img {
width: 100%; }
</style>
<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="wrapper">
<div class="top"></div>
<div class="logo"><img src="graphics/logo-small.png" alt=""></div>
</div>
</body>
</html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
<meta name="dcterms.created" content="to, 06 jun 2013 14:43:33 GMT">
<meta name="description" content="">
<meta name="keywords" content="">
<title></title>
<style type="text/css">
* {
margin: 0;
padding: 0; }
body {
color:#000000;
background-image: url('graphics/furniture-bkrnd.jpg');
}
#wrapper {
width: 80%;
margin: 0 auto;
background-color: #fff;
border: 1px solid black;}
.top { width: 100%;
height: 28px;
background-image:url('graphics/top-pattern.jpg');
background-repeat:repeat-x;
}
.logo {width: 20%;
margin: 20px auto; }
.logo img {
width: 100%; }
</style>
<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="wrapper">
<div class="top"></div>
<div class="logo"><img src="graphics/logo-small.png" alt=""></div>
</div>
</body>
</html>
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
If it works in IE8 – good enough! IE7 and 6 are a bonus.
