here is the code
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" />
<style type="text/css">
body {
background-color: #00b3ff;
background-image: url(background1.png);
background-repeat: repeat-x;
}
body
{
background-color: #00b3ff;
}
body,td,th
{
color: #FFF;
}
.parentmenu
{
position: relative;
}
.submenu
{
display: none;
margin: 0;
padding: 0;
background: url(backdrop.png);
}
.parentmenu:hover .submenu
{
display: block;
position: absolute;
top: 30px;
left: 0;
text-align: center ;
}
#dolphincontainer #dolphinnav ul .parentmenu .submenu {
color: #FFFFFF;
}
</style>
</head>
<body>
<IMG class="logo" src="Szerykblue_sm.png" alt=".." />
<div id="dolphincontainer">
<div id="dolphinnav">
<ul>
<li><a href=""class="current"><span>Home</span></a></li>
<li><a href="tour.html"><span>Tour</span></a></li>
<li><a href="album.html"><span>Album</span></a></li>
<li><a href="band.html"><span>Band</span></a></li>
<li class="parentmenu">
<a><span>Media</span></a>
<ul class="submenu">
<li>Photos</li>
<li>Videos</li>
</ul>
</li>
<li><a href="contact.html"><span>Contact</span></a></li>
</ul>
</div>
</div>
<h2>Lastest Updates</h2>
</body>
</html>I just want to center the Photos and Videos
Thanks