Drop Down Center......

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
ebgames56
Forum Contributor
Posts: 103
Joined: Thu Oct 06, 2011 10:43 am

Drop Down Center......

Post by ebgames56 »

im having issues with centering text in my drop down menu

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
Last edited by Benjamin on Thu Oct 20, 2011 1:43 pm, edited 1 time in total.
User avatar
Benjamin
Site Administrator
Posts: 6935
Joined: Sun May 19, 2002 10:24 pm

Re: Drop Down Center......

Post by Benjamin »

:arrow: ebgames56 - Start using code tags and posting in the correct forums. Please read the forum rules before you continue to post here.
Post Reply