• Locked
No replies
Mon, 2010-02-15 02:42
dgkindy
Offline
newbie
Last seen: 13 years 5 weeks ago
Timezone: GMT-5
Joined: 2010-02-15
Posts: 1
Points: 2

I found this sample code, however when I copied and tried to use it, it did not display the submenu horizontally but vertically.

I have been playing witht he code but unable to get the code to line up vertically and then show the correct submenu based on the tab that is selected.

<?php
echo '<?xml version="1.0" encoding="UTF-8"?>';
echo '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
echo '<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">';
echo '<html>';
echo '<title>Project Execution Tool</title>';
echo '<head>';
echo '<img src="images/petbanner.gif">';
echo '<meta name="" content="">';
echo '<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">';
echo '<link rel="stylesheet" type="text/css" href="menu_style.css" /> ';
echo '</head>';
echo '<link rel="shortcut icon" href="favicon.ico">';
echo '<body>';
echo '<ul id="globalnav">';
echo '	<li><a href="#">Home</a></li>';
echo '	<li><a href="#">Home</a></li>';
echo '	<li><a href="#" class="here">MD4C</a></li>';
echo '	<li><a href="#">Communities</a>';
echo '		<ul>';
echo '			<li><a href="http://supportcentral.ge.com/products/sup_products.asp?prod_id=64511" target="blank">Custom RO/ED PM</a></li>';
echo '			<li><a href="http://supportcentral.ge.com/products/sup_products.asp?prod_id=86515" target="blank">Documentum</a></li>';
echo '			<li><a href="http://supportcentral.ge.com/products/sup_products.asp?prod_id=30046" target="blank">Global Field Services</a></li>';
echo '			<li><a href="http://supportcentral.ge.com/products/sup_products.asp?prod_id=86227" target="blank">Life Cycle</a></li>';
echo '			<li><a href="http://supportcentral.ge.com/products/sup_products.asp?prod_id=69913" target="blank">O&M Manuals</a></li>';
echo '			<li><a href="http://supportcentral.ge.com/products/sup_products.asp?prod_id=61227" target="blank">PM COE</a></li>';
echo '			<li><a href="http://supportcentral.ge.com/sc_home_new.asp target="blank"">Support Central</a></li>';
echo '		</ul>';
echo '	</li>';
echo '	<li><a href="#">Help</a>';
echo '		<ul>';
echo '			<li><a href="#">How to...</a></li>';
echo '			<li><a href="#">About</a></li>';
echo '		</ul>';
echo '	</li>';
echo '</ul>';
 
echo '</body>';
echo '</html>';
?>

/*globalnav*/
 
#globalnav {
	position:relative;
	float:left;
	width:100%;
	padding:0 0 1.75em 1em;
	margin:0;
	list-style:none;
	line-height:1em;
}
 
#globalnav LI {
	float:left;
	margin:0;
	padding:0;
}
 
#globalnav A {
	display:block;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	font-family: "GE Inspira", Arial, Helvetica, san-serif;
	font-size: 75%;
	background:#9EA3D2;  /*Pantone 7445*/
	margin:0;
	padding:0.25em 1em;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;
}
 
#globalnav A:hover,
#globalnav A:active,
#globalnav A.here:link,
#globalnav A.here:visited {
	background:#3B73B9; /*Panton 7455*/
	color:#ffffff;
 
}
 
#globalnav A.here:link,
#globalnav A.here:visited {
	position:relative;
	z-index:102;
}
 
/*subnav*/
 
#globalnav UL {
	position:fixed;
	left:0;
	top:1.5em;
	float:left;
	background:#3B73B9; /*Panton 7455*/
	width:100%;
	margin:0;
	padding:0.25em 0.25em 0.25em 1em;
	list-style:none;
	border-top:1px solid #ffffff;
}
 
#globalnav UL LI {
	float:left;
	display:block;
	margin-top:1px;
}
 
#globalnav UL A {
	background:#3B73B9; /*Panton 7455*/
	color:#ffffff;  /*Font colour:  White*/
	display:inline;
	margin:0;
	padding:0 1em;
	border:0
}
 
#globalnav UL A:hover,
#globalnav UL A:active,
#globalnav UL A.here:link,
#globalnav UL A.here:visited {
	color:#000000;  /*Font colour:  Black*/
}

Top
Tags: