Bliv i midten af skræmen
Dav.Nu havde jeg lavet et design. Men så da jeg ville putte en extra boks på blev det hele over i en venstre side, men jeg vil have det i midten af siden. Her er min kode:
<%session.lcid=1030%><html>
<head>
<title>Leol.dk - Bedst på nettet</title>
<link href='style.css' rel='stylesheet' type='text/css'>
</head>
<body bgcolor="darkred">
<table width="100%">
<tr>
<td>
<div style="Width: 100%; height: 100%">
<div style="Background-image:url('MHR.png'); width: 200px; height: 20px; border: 1px solid black"><center>For alle</center></div>
<div style="Background-image:url('MPicture.png'); width: 197px; padding-top: 3px; padding-bottom: 10px; border: 1px solid black; border-top: 0px solid black; padding-left: 3px;">
<a href="Default.asp">Forside</a><br/>
<a href="VIP.asp">VIP</a><br/>
<a href="Default.asp">Betingelser</a><br/>
<a href="Default.asp">Debat</a><br/>
<a href="Default.asp">Chat</a><br/>
<a href="Default.asp">Blog</a><br/>
<a href="Default.asp">Kontakt</a><br/>
</div><br />
<div style="Background-image:url('MHR.png'); width: 200px; height: 20px; border: 1px solid black"><center>Kodeing for sjovt</center></div>
<div style="Background-image:url('MPicture.png'); width: 197px; padding-top: 3px; padding-bottom: 10px; border: 1px solid black; border-top: 0px solid black; padding-left: 3px;">
<a href="kodeing.asp?side=Default">Forside</a><br/>
<a href="http://leol.dk/klassechat" target="_blank">Klassechat</a><br/>
<a href="http://leol.dk//kenni" target="_blank">Kenni</a><br/>
<a href="http://leol.dk//design" target="_blank">Design</a><br/>
</div><br />
<div style="Background-image:url('MHR.png'); width: 200px; height: 20px; border: 1px solid black"><center>Bruger</center></div>
<div style="Background-image:url('MPicture.png'); width: 197px; padding-top: 3px; padding-bottom: 10px; border: 1px solid black; border-top: 0px solid black; padding-left: 2px">
<form style="margin: 0px;" action="Default.asp">
<input type="text" onfocus="if(this.value=='Brugernavn') this.value='';" onblur="if(this.value=='') this.value='Brugernavn';" value="Brugernavn" name="Brugernavn"style=" color: white; Background-image:url('INPicture.png'); width: 99%; border: 1px solid black; margin: 1px" /><br />
<input type="password" onfocus="if(this.value=='Kodeord'){ this.type='password'; this.value=''; }" onblur="if(this.value==''){ this.value='Kodeord'; this.type='text'; }" value="Kodeord"name="Kodeord" style=" color: white; Background-image:url('INPicture.png'); width: 99%; border: 1px solid black; margin: 1px"><br />
<input type="submit" value="Login" style=" Background-image:url('MPicture.png'); border: 2px solid black; margin: 1px"name="Submit" />
</form>
<a href="Default.asp">Opret bruger</a><br/>
<a href="Default.asp">Glemt kodeord?</a>
</div>
<div>
</div></div></td>
<td style="width: 553px">
<div style="width:600px; height: 100%">
<div style="Background-image:url('MHR.png'); width:600px; border: 1px solid black;"><font style="color: white; margin: 0px;"><div style="text-align:center;"><% response.write("Forside") %></div></font></div>
<div style="Background-image:url('MPicture.png'); width:600px; border: 1px solid black; border-top: 0px solid black; font-size: 13px">
Hej og velkommen til min side.<br />
Dette er en demo af mit design.</div>
</div>
</td>
<td><div style="width:400px; height: 100%">
<div style="Background-image:url('MHR.png'); width: 200px; height: 20px; border: 1px solid black"><center>Kodeing for sjovt</center></div>
<div style="Background-image:url('MPicture.png'); width: 197px; padding-top: 3px; padding-bottom: 10px; border: 1px solid black; border-top: 0px solid black; padding-left: 3px;">
<a href="kodeing.asp?side=Default">Forside</a><br/>
<a href="http://leol.dk/klassechat" target="_blank">Klassechat</a><br/>
<a href="http://leol.dk//kenni" target="_blank">Kenni</a><br/>
<a href="http://leol.dk//design" target="_blank">Design</a><br/>
</div>
</div></td>
</tr>
</table>
</body>
</html>
