Her er grundkoden til min side.
css
__________________________
body {
background:#ffffff;
font-size: 100%;
text-align:center;
font-size:90%;
}
#page{
width:600px;
min-height:300px;
margin-top:30px;
margin-left:auto;
margin-right:auto;
margin-bottom:30px;
background:#ffffff;
position:relative;
border-style:none;
text-align:left;
padding-left:160px;
border-style:solid;
border-width:1px;
border-color:#000000;
}
#menu{
top:0px;
left:0px;
position:absolute;
width:150px;
height:150px;
border-style:solid;
border-width:1px;
border-color:#000000;
text-align:center;
}
h1{
color:#990000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:120%;
font-weight:bold;
}
h2{
color:#990000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:110%;
font-weight:bold;
}
h3{
color:#990000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:100%;
font-weight:bold;
}
p{
color:#990000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:90%;
}
_____________________________________________
html
______________________________________________
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<title>Forsiden</title>
<link rel="stylesheet" type="text/css" href="stylemenu.css"/>
</head>
<body>
<div id="page">
<div id="menu">
<p>Det er her menuen skal være</p>
</div>
<p>en meget lang tekst en meget lang tekst en meget lang tekst
en meget lang tekst en meget lang tekst en meget lang tekst
en meget lang tekst en meget lang tekst en meget lang tekst
en meget lang tekst en meget lang tekst en meget lang tekst
en meget lang tekst en meget lang tekst en meget lang tekst
en meget lang tekst en meget lang tekst en meget lang tekst
en meget lang tekst en meget lang tekst en meget lang tekst
en meget lang tekst en meget lang tekst en meget lang tekst
en meget lang tekst en meget lang tekst en meget lang tekst
en meget lang tekst en meget lang tekst en meget lang tekst
en meget lang tekst en meget lang tekst en meget lang tekst
en meget lang tekst en meget lang tekst en meget lang tekst
en meget lang tekst en meget lang tekst en meget lang tekst
en meget lang tekst en meget lang tekst en meget lang tekst
en meget lang tekst en meget lang tekst en meget lang tekst
en meget lang tekst en meget lang tekst en meget lang tekst
en meget lang tekst en meget lang tekst en meget lang tekst
en meget lang tekst en meget lang tekst en meget lang tekst
en meget lang tekst en meget lang tekst en meget lang tekst
en meget lang tekst en meget lang tekst en meget lang tekst
en meget lang tekst en meget lang tekst en meget lang tekst
</div>
</body>
</html>
_______________________________________________
Border-style skal fjernes i den færdige side.
Ny bruger
Nybegynder
Opret
Preview
