demo.html
Kod:
<HTML>
<HEAD>
<TITLE>Test.</TITLE>
<link rel="stylesheet" href="vp.css" type="text/css" />
</HEAD>
<BODY>
<center>
<div class="meny">
<div class="tavlingar">
Tävlingar
</div>
<div class="linje">
</div>
<div class="vinnare">
Vinnare
</div>
<div class="linje2">
</div>
<div class="regler">
Regler
</div>
<div class="linje3">
</div>
<div class="Kontakt">
Kontakt
</div>
</div>
<div class="wrap">
<div class="header">
</div>
<div class="header2">
<br/> Här ska det stå något.
</div>
</div>
</center>
</BODY>
</html>
vp.css
Kod:
.wrap {
width: 800px;
margin: 0 auto;
}
.header{
background: url(header.jpg) no-repeat right;
padding: 0px 0px 0px 0px;
width: 400px;
height: 153px;
float: left;
}
.header2{
background: url(header2.jpg) no-repeat right;
padding: 0px 0px 0px 0px;
width: 400px;
height: 153px;
float: left;
}
.meny{
background: url(meny.jpg) no-repeat right;
padding: 0px 0px 0px 0px;
width: 400px;
height: 30px;
float: left;
}
.tavlingar{
font-family: arial, verdana;
font-size: 18px;
color: #000;
padding: 0px 0px 0px 12px;
float: left;
}
.linje{
background: url(linje.jpg) no-repeat right;
padding: 0px 0px 0px 20px;
height: 27px;
float: left;
}
.vinnare{
font-family: arial, verdana;
font-size: 18px;
color: #000;
padding: 0px 0px 0px 12px;
float: left;
}
.linje2{
background: url(linje.jpg) no-repeat right;
padding: 0px 0px 0px 20px;
height: 27px;
float: left;
}
.regler{
font-family: arial, verdana;
font-size: 18px;
color: #000;
padding: 0px 0px 0px 12px;
float: left;
}
.linje3{
background: url(linje.jpg) no-repeat right;
padding: 0px 0px 0px 20px;
height: 27px;
float: left;
}
.kontakt{
font-family: arial, verdana;
font-size: 18px;
color: #000;
padding: 0px 0px 0px 12px;
float: left;
}
edit: update på koden