Flyt en tabel
Hej,Jeg har lavet denne hjemmeside http://teamninja.wep.dk for en ven.
Jeg vil gerne have flyttet tabellen længere ned på siden.
Jeg har lavet den med en index-fil og en css-fil.
Er der nogen der kan hjælpe mig?
index.html:
<html>
<head>
<title>TeamNinja.dk</title>
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
<!--
pict0=new Image(); pict0.src='TeamNinja.bmp';
pict1=new Image(); pict1.src='forside.bmp';
pict2=new Image(); pict2.src='forside2.bmp';
pict3=new Image(); pict3.src='forside3.bmp';
pict4=new Image(); pict4.src='forum1.bmp';
pict5=new Image(); pict5.src='forum2.bmp';
pict6=new Image(); pict6.src='forum3.bmp';
pict7=new Image(); pict7.src='regler1.bmp';
pict8=new Image(); pict8.src='regler2.bmp';
pict9=new Image(); pict9.src='regler3.bmp';
pict10=new Image(); pict10.src='kontakt1.bmp';
pict11=new Image(); pict11.src='kontakt2.bmp';
pict12=new Image(); pict12.src='kontakt3.bmp';
pict13=new Image(); pict13.src='Login_.gif';
pict14=new Image(); pict14.src='Login_2.gif';
pict15=new Image(); pict15.src='Login_3.gif';
//-->
</script>
</head>
<body bgcolor="#0000ff">
<center>
<br><br><br><br><br>
<b class="b1"></b>
<b class="b2"></b>
<b class="b3"></b>
<b class="b4"></b>
<b class="b4"></b>
<div class="boxcontent">
<center>
<a href="index.html"
onMouseover = "document.images[0].src=pict2.src"
onClick = "document.images[0].src=pict3.src"
onMouseout = "document.images[0].src=pict1.src">
<img width="15%" height="35px" src="forside.bmp"></a>
<a href="forum/"
onMouseover = "document.images[1].src=pict5.src"
onClick = "document.images[1].src=pict6.src"
onMouseout = "document.images[1].src=pict4.src">
<img width="15%" height="35px" src="forum1.bmp"></a>
<a href="regler.html"
onMouseover = "document.images[2].src=pict8.src"
onClick = "document.images[2].src=pict9.src"
onMouseout = "document.images[2].src=pict7.src">
<img width="15%" height="35px" src="regler1.bmp"></a>
<a href="mailto:TeamNinja<christoffer.brammer@gmail.com>"
onMouseover = "document.images[3].src=pict11.src"
onClick = "document.images[3].src=pict11.src"
onMouseout = "document.images[3].src=pict10.src">
<img width="15%" height="35px" src="kontakt1.bmp"></a>
<hr>
<h1>Velkmmen til <img width="500px" height="100px" src="TeamNinja.bmp" title="Team Ninja"></h1>
<hr>
<p>Beskrivelse af TeamNinja.dk
</p>
</center>
</div>
<b class="b4"></b>
<b class="b4"></b>
<b class="b3"></b>
<b class="b2"></b>
<b class="b1"></b>
</div>
</center>
</body>
</html>
style.css:
div#indhold {margin:1em 10%; }
p {padding-bottom:0.5em;margin:0 10px; color:white;}
h1 {font-size:75px; color:red;}
#container h1, #container h2 {margin:0 50px; padding:.5em 0; color:red;}
#container h1 {font-size:2.5em; color:#369;}
#container h2 {font-size:1.25em;color:#369;}
#container {margin:1em 10%;background: transparent;}
.b1, .b2, .b3, .b4 {display:block; overflow:hidden; height:1px; width:80%;}
.b1 {background:#000000;margin: 0 5px;}
.b2, .b3, .b4 {background:#000000; border-style:solid;
border-color:#000000}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px; border-width:0 1px;}
.b4 {margin:0 1px;border-width:0 1px;}
.boxcontent {display:block; height:400px; width:80%; background:#000000;
border-width:0 1px; border-style: solid;border-color: #000000;}
