Jag skulle helst bli av med den kanten men vet inte riktigt vad jag ska leta efter.
http://img339.imageshack.us/img339/2276/safarioa8.png
http://img252.imageshack.us/img252/4904/firefoxvx8.png
Detta är den första sidan jag gör så att jag är inte säker på vad jag ska ha med i CSSen förutom det som redan står där.
Code: Select all
body{
background: url(corkboard.jpg);
}
.content{
position: absolute;
top: 90px;
left: 300px;
width: 500px;
height: 550px;
background-color: none;
color: black;
font-family: courier;
}
img.banner{
position: absolute;
top: 20px;
left: 10px;
width: 250px;
height: 250px;
}
img.paper{
position: absolute;
top: 70px;
left: 250px;
width: 600px;
height: 550px;
}
img.chuck{
position: absolute;
top: 320px;
left: 110px;
}
img.david{
position: absolute;
top: 460px;
left: 100px;
}
img.emil{
position: absolute;
top: 0px;
left: 800px;
}
img.jonas{
position: absolute;
top: 200px;
left: 820px;
}
img.robin{
position: absolute;
top: 220px;
left: 0px;
}
img.persson{
position: absolute;
top: 460px;
left: 0px;
}
img.andreas{
position: absolute;
top: 400px;
left: 820px;
}
Code: Select all
<html>
<head>
<title>
TV.se - Världens bästa CS-klan
</title>
<link href="layout.css" rel="stylesheet" type="text/css" />
</head>
<body>
<a href="robin.html"><img class="robin" src="robin.png"></a>
<a href="chuck.html"><img class="chuck" src="chucknorris.png"></a>
<a href="persson.html"><img class="persson" src="persson.png"></a>
<a href="david.html"><img class="david" src="david.png"></a>
<a href="emil.html"><img class="emil" src="emil.png"></a>
<a href="jonas.html"><img class="jonas" src="jonas.png"></a>
<a href="andreas.html"><img class="andreas" src="andreas.png"></a>
<a href="index.html"><img class="banner" src="logo.png"></a>
<img class="paper" src="oldpaper.png">
<div class="content">
</div>
</body>
<html>