HTML
Code: Select all
<!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>The Guitar Manifesto</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="styles.css" type="text/css" />
<?php
require("getbrowser.inc.php");
?>
</head>
<body>
<div class="wrapper">
<center><div id="header"><img class="logo" src="Szerykblue_sm.png" alt=".." />
<div id="dolphinnav">
<ul>
<li><a href=""class="current"><span>Home</span></a></li>
<li><a href="tour.php"><span>Tour</span></a></li>
<li><a href="album.php"><span>Album</span></a></li>
<li><a href="bandScott.php"><span>Band</span></a></li>
<li class="parentmenu">
<a><span>Media</span></a>
<ul class="submenu">
<li><a href="photos.php"><span>Photos</span></a></li>
<li><a href="videos.php"><span>Videos</span></a></li>
</ul>
</li>
<li><a href="contact.php"><span>Contact</span></a></li>
</ul>
</div>
</div></center>
<br />
</div>
<br />
<br />
<div id="content" align="center"><h1>Lastest Information</h1> <br />I want to try to see how much text and images we can fit in on this page
Code: Select all
jsadfkjlsdjlfksdja <br />
<br />
<p>asdf</p>
<p>asdf</p>
<p>asdf</p>
<p>asdf</p><p>asdf</p>
<p>asdf</p>
<p>asdf</p>
<p>asdf</p>
<p>asdf</p>
</div>
<div id="footer">
<hr /><center>Site Designed by: Matt Brown</center>
</div><!-- #footer -->
</body>
</html>
CSS
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
}
hr {
border: 0;
color: white;
background-color: white;
height: 1px;
width: 100%;
text-align: left;
}
IMG.logo {
display: block;
margin-left: auto;
margin-right: auto
}
h2 {text-align:center}
h4 {text-align:center}
p {text-align:center}
#header {
height: 220px;
}
#content {
position: relative;
top: -50%;
}
#content3 {
position: relative;
top: -36%;
}
* {
margin: 0;
}
html, body {
height: auto !important;
height: 95%;
}
.wrapper {
min-height: 95%;
height: auto !important;
margin: 0px;
}
#footer {
height: 3px;
text-align: center;
margin: 0;
position: absolute;
bottom: 0;
width: 100%;
}
#tabs {
height: -25%;
}
#bio {
width: 60%;
}
#roll {
position: center;
}
#title {
height: -5%;
}
#bar {
position: absolute;
height: 95%
}