http://multimedie-users.edu.ats.dk/kimma18/acroama/ ->
Hvorfor laver den så meget ekstra plads? her er css koden.
body {
background-image: url(../images/patternbg.gif);
text-align: center;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
}
#tekst {
background-color: #FFFFFF;
height: 100%;
width: 480px;
float: left;
padding: 10px;
text-align: left;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
}
#top {
height: 240px;
width: 640px;
background-image: url(../images/banner.jpg);
}.menu {
float: left;
height: 30px;
width: 160px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
vertical-align: middle;
padding: 10px;
}
#menu {
height: 60px;
width: 640px;
background-color: #FFFFFF;
}
#raklame {
height: 100%;
width: 160px;
background-color: #FFFFFF;
float: right;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
}
.bundtekst {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
}
#bund {
height: 25px;
width: 640px;
background-image: url(../images/bund.jpg);
clear: both;
background-repeat: no-repeat;
}
.sang {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
color: #000000;
text-decoration: none;
}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #2F9C05;
text-decoration: none;
}
#side {
height: 600px;
width: 640px;
}
a:link {
color: #333333;
text-decoration: none;
}
a:visited {
color: #333333;
text-decoration: none;
}
a:hover {
color: #666666;
text-decoration: none;
}
a:active {
color: #333333;
text-decoration: none;
}
her html koden
<html>
<head>
<title>AcroamaMusic.dk</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="side">
<div id="top"></div>
<div id="menu">
<div class="menu"><a href="index.html">Home</a></div>
<div class="menu"><a href="#">Nyheder</a></div>
<div class="menu"><a href="musik.html">Musik</a></div>
<div class="menu"><a href="#">Artister</a></div>
<div class="menu"><a href="#">Om Acroama </a></div>
<div class="menu"><a href="#">Retningslinjer</a></div>
<div class="menu"><a href="#">Links</a></div>
<div class="menu"><a href="#">Kontakt</a></div>
</div>
<div id="tekst">
<h1>Flyvende start... </h1>
<p>Her på Acroama.dk har vi fået en flot start, vi har fået en masse musik fra nogle forskellige kunstnere. Vi er rigtigt glade for at der nogle der vil dele deres musik med alle i verden, gratis.</p>
<p>Ikke nok med at Julesneen snart falder, bliver der også ved med at ske ting og sager her på sitet. hold altid øje med News-sektionen.</p>
<h1>Nyeste tracks </h1>
<table width="400" height="100" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000">
<tr>
<td width="200" bgcolor="#CCCCCC" class="sang"><div align="center">
<p>Master Chaos - Diamond Girls <br>
<a href="#"><img src="images/download.jpg" alt="Tryk her for at downloade" width="20" height="20" border="0"></a></p>
</div></td>
<td width="200" bgcolor="#999999" class="sang"><div align="center">
<p>Senzar - blabla <br>
<a href="#"><img src="images/download.jpg" alt="Tryk her for at downloade" width="20" height="20" border="0"></a></p>
</div></td>
</tr>
<tr>
<td width="200" bgcolor="#999999" class="sang"><div align="center">Erot - Apostle <br>
<a href="#"><img src="images/download.jpg" alt="Tryk her for at downloade" width="20" height="20" border="0"></a></div></td>
<td width="200" bgcolor="#CCCCCC" class="sang"><div align="center">Endestationen - blabla <br>
<a href="#"><img src="images/download.jpg" alt="Tryk her for at downloade" width="20" height="20" border="0"></a></div></td>
</tr>
</table>
<p> </p>
</div>
<div id="raklame"></div>
<div id="newtracks"></div>
<div class="bundtekst" id="bund">2007 © Acroama.dk</div>
</div>
<!-- chart.dk unified trackercode - v1 -->
<script src='http://www.chart.dk/js/unified.asp'></script>
<script language='javascript'>
track_visitor(138222, '');
</script>
<noscript>
<a href="http://www.chart.dk/ref.asp?id=138222" target="_blank">
<img src="http://cluster.chart.dk/chart.asp?id=138222" border="0" alt="Chart.dk">
</a>
</noscript>
<!-- chart.dk unified trackercode - v1 -->
</body>
</html>
Indlæg senest redigeret d. 05.12.2007 20:21 af Bruger #10022