Pitfire
Gebruiker
- Lid geworden
- 11 jan 2008
- Berichten
- 145
Ik ben een lay-out aan het maken, dit ziet er zo uit:
Img:
zoals je ziet, Gaat het maar over een heel klein foutje
Ik wil het graag dat het menutje links tegen het tekstvlak daar rechts van aan komt te zitten.
Img:
zoals je ziet, Gaat het maar over een heel klein foutje
Ik wil het graag dat het menutje links tegen het tekstvlak daar rechts van aan komt te zitten.
Code:
<html>
<head>
<title>Lay-out</title><style type="text/css">
body {font-family: Times New Roman; background-image: url(http://www.imgdumper.nl/uploads/47f6274f14831/Afbeelding1.gif); background-position: bottom center;}
img {border-width: 5px; border-style: outset; border-color: Dimgray;}
h1 {color: #EFEFEF; text-align:center;}
.text-vlak {
position:relative;
width:870px;
height:500px;
margin:0 auto;
padding:0 0 0 0;
background:#EFDBB5;
border-left:4px outset dimgray;
border-right:4px outset dimgray;
border-bottom:2.5px outset dimgray;
border-top:0px outset dimgray;
}
.text-vlak2 {
width:870px;
height:0px;
margin:0 auto;
padding:0 0 0 0;
text-align:center;
background:#EFDBB5;
border-left:4px outset dimgray;
border-right:4px outset dimgray;
border-bottom:4px outset dimgray;
border-top:0px outset dimgray;
}
.text-vlak3 {
width:60px;
height:20px;
margin:0 auto;
padding:0 0 0 0;
float: left;
background:#EFDBB5;
margin-left: 80px;
border-left:4px outset dimgray;
border-right:0px outset dimgray;
border-bottom:4px outset dimgray;
border-top:4px outset dimgray;
</style></head>
<body>
<center><img src="http://www.imgdumper.nl/uploads/47f63449e3309/Afbeelding2.gif" WIDTH="70%" HEIGHT="25%"></center>
<div class="text-vlak3"><h1> Menu </h1>
<LI TYPE="disc">Home </LI>
<LI TYPE="disc">Waarom? </LI>
<LI TYPE="disc">Wanneer? </LI>
<LI TYPE="disc">Contact </LI>
<LI TYPE="disc">Nawoord </LI>
</div><div class="text-vlak">
<h1>Inleiding</h1>
<p>Tekst...</p>
</div><center><div class="text-vlak2">© Copyright, 2008</div></center>
</center></body>
</html>
Laatst bewerkt: