doesn't change a thing
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Smiling Industries alternative rock band - Welcome !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link REL=StyleSheet HREF="Style.css" TYPE="text/css" MEDIA=screen>
</head>
<body bgcolor="#000000">
<!-- End Save for Web Slices -->
<div id="wrapper" >
<div class="clear"></div>
<div id="Header" ><img id="Bandsite_01" src="images/Bandsite_01.png" width="1024" height="448" alt="Smiling Industries - Alternative Rock Band - Latest news" /></div>
<div id="twitter"><img src="images/twitter.png" width="50" height="45" alt="Follow us on twitter" />witter</div>
<div id="Home" ><a href="#"><img id="nav_01" src="images/nav_01.png" width="358" height="39" alt="Smiling Industries alternative rock band - Home" /></a></div>
<div id="About" ><a href="#"><img id="nav_02" src="images/nav_02.png" width="358" height="31" alt="Smiling Industries alternative rock band - About" /></a></div>
<div id="Gigs" ><a href="#"><img id="nav_03" src="images/nav_03.png" width="358" height="39" alt="Smiling Industries alternative rock band - Gigs" /></a></div>
<div id="Forum" ><a href="#"><img id="nav_04" src="images/nav_04.png" width="358" height="34" alt="Smiling Industries alternative rock band - Forum" /></a></div>
<div id="Fotos" ><a href="#"><img id="nav_05" src="images/nav_05.png" width="358" height="31" alt="Smiling Industries alternative rock band - Fotos" /></a></div>
<div id="Contact" ><a href="#"><img id="nav_06" src="images/nav_06.png" width="358" height="36" alt="Smiling Industries alternative rock band - Contact" /></a></div>
<div id="Navleeg" ><img id="nav_07" src="images/nav_07.png" width="358" height="41" alt="Smiling Industries alternative rock band - " /></div>
<div id="Content2" ><!-- Save for Web Slices (Bandsite_04.png) --></div>
<div id="Content" ><h1>News</h1>content goes in here and will expand as far as you want it too
</div>
<div id="Links" ></div>
<div class="twitterinfo" id="twitterinfo"></div>
</div>
</body>
</html>
[css]
@charset "utf-8";
/* CSS Document */
#wrapper {
width: 1024px;
margin: auto;
position: relative;
}
.clear {
clear: both;
}
#Header {
position: absolute;
left: 76px;
top: 0px;
width: 1024px;
height: 448px;
z-index: 1;
}
.twitterinfo {
width: 351px;
height: auto;
position:absolute;
left: 79px;
top: 757px;
}
#player {
border: 1px solid #CCC;
}
img {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
body,td,th {
font-family: "Courier New", Courier, monospace;
color: #333;
}
body {
margin-top: 0px;
background-color: #000);
background-repeat: repeat-x;
}
a:link {
color: #000;
}
a:visited {
color: #F00;
}
a:hover {
color: #00F;
}
h1 {
font-size: 36px;
color: #666;
}
#twitter {
background-color: #9FF;
text-align: center;
font:"Arial Black";
font-weight: bold;
font-size: 24px;
color: #F9F;
text-align: center;
position: absolute;
left: 77px;
top: 701px;
width: 356px;
height: 45px;
z-index: 2;
line-height: 1px;
border-top: medium;
border-top-color: #0FF;
}
#Home {
position: absolute;
left: 76px;
top: 448px;
width: 358px;
height: 39px;
z-index: 3;
}
#About {
position: absolute;
left: 76px;
top: 487px;
width: 358px;
height: 31px;
z-index: 4;
}
#Gigs {
position: absolute;
left: 76px;
top: 518px;
width: 358px;
height: 39px;
z-index: 5;
}
#Forum {
position: absolute;
left: 76px;
top: 557px;
width: 358px;
height: 34px;
z-index: 6;
}
#Fotos {
position: absolute;
left: 76px;
top: 591px;
width: 358px;
height: 31px;
z-index: 7;
}
#Contact {
position: absolute;
left: 76px;
top: 622px;
width: 358px;
height: 36px;
z-index: 8;
}
#Navleeg {
position: absolute;
left: 76px;
top: 658px;
width: 358px;
height: 41px;
z-index: 9;
}
#Content {
position: absolute;
left: 434px; top: 448px;
width: 666px;
height: 252px;
z-index: 11;
text-align: center;
}
#Content2 {
position: absolute;
left: 76px;
top: 448px;
width: 1px;
height: 251px;
z-index: 10;
text-align: left;
}
#links {
position: absolute;
left: 76px;
top: 0px;
width: 1px;
height: 1026px;
z-index: 13
}
[/css]