Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Member
    Join Date
    Nov 2002
    Posts
    97
    Member #
    278
    Um, how can I get my navigation to be on top?
    Attached Images Attached Images

  2.  

  3. #2
    Member
    Join Date
    Nov 2002
    Posts
    97
    Member #
    278
    If it helps here is some code, I've been looking all over the web... HELP!!

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    	<title>New Drop-Down Menus 2.0</title>
    	<style type="text/css">
    	
    	body {
    		font-family: Verdana, Arial, Sans-Serif;
    		font-size: 10pt;
    	}
    	
    	/*******************************/
    	/*   BEGIN: Drop-Down Styles   */
    	/*******************************/
    	
    	#navigation, #navigation ul {
    		padding: 0;
    		margin: 0;
    		list-style: none;
    		line-height: 15px;
    		font-size: 11px;
    		font-family: Verdana, Arial, Sans-Serif;
    	}
    	
    	#navigation ul {
    		margin: 0 0 0 -1px;
    	}
    	
    	#navigation a {
    		display: block;
    		background-color: transparent;
    		color: white;
    		text-decoration: none;
    		padding: 2px 4px 2px 6px;
    	}
    	
    	#navigation li {
    		float: left;
    		width: 120px;
    		border: solid 1px black;
    		border-right: none;
    		background-color: #776e81;
    		color: white;
    	}
    	
    	#navigation li li {
    		border-right: solid 1px black;
    		border-bottom: none;
    	}
    	
    	#navigation li.last {
    		border-right: solid 1px black;
    		border-bottom: solid 1px black;
    	}
    	
    	#navigation li ul {
    		position: absolute;
    		width: 120px;
    		display: none;
    	}
    	
    	#navigation ul ul {
    		margin: -20px 0 0 120px;
    	}
    	
    	#navigation li:hover ul ul, #navigation li.over ul ul {
    		display: none;
    	}
    	
    	#navigation li:hover ul, #navigation li li:hover ul, #navigation li.over ul, #navigation li li.over ul {
    		display: block;
    	}
    	
    	#navigation li:hover, #navigation li.over {
    		color: black;
    		background-color: #1dc1ba;
    		cursor: pointer;
    	}
    	
    	#navigation li:hover>a { /* IE/Win ignores this declaraion */
    		color: black;
    		background-color: #1dc1ba;
    	}
    	
    	/*******************************/
    	/*   END: Drop-Down Styles     */
    	/*******************************/
    	
    	.nn4_nav {
    		font-size: 11px;
    		font-family: Verdana, Arial, Sans-Serif;
    	}
    	
    	.nn4_nav, .nn4_nav a {
    		color: white;
    		background-color: #776e81;
    	}
    	
    	/* jargon definitions */
    	.definition {
    		border-bottom: dotted 1px green;
    	}
    	
    	#footer {
    		font-size: 90%;
    	}
    	
    	#leftmain {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	position: relative;
    	padding: 5px;
    	background-color: #C2D1E0;
    	top: 104px;
    	left: 0%;
    	width: 200px;
    	height: 600px;
    	margin-left: 10px;
    }
    	
    	</style>
    	<script type="text/javascript">
    	
    	// drop-down menus based on the technique known as "son of suckerfish dropdowns"
    	// http://www.htmldog.com/articles/suckerfish/dropdowns/
    	startList = function() {
    		nodes = document.getElementById("navigation").getElementsByTagName("LI");
    		for (i = 0; i < nodes.length; i++) {
    			nodes[i].onmouseover = function() {
    				this.className += " over";
    			}
    			nodes[i].onmouseout = function() {
    				this.className = this.className.replace(new RegExp(" over\\b"), "");
    			}
    		}
    	}
    	
    	// window.attachEvent is IE/Win-only
    	if (window.attachEvent) window.attachEvent("onload",startList);
    	
    	</script>
    
    <!-- the layer tag is used to hide the nav from Netscape 4 ... it is ignored by other user agents -->
    <LAYER ID="notNNnav">
    	<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
    		<ul id="navigation">
    			<li><a href="#">Home</a></li>
    			<li><a href="company/company.htm"><img src="images/down_arrow_li.gif" width="11" height="13" border="0" align="right" alt="">Company</a>
    				<ul>
    					<li><a href="">About Us</a></li>
    					<li><a href="">Strategic Plan</a></li>
    					<li><a href="">The Vision</a></li>
    					<li><a href="">Core Values</a></li>
    					<li><a href="">Executive Committee</a></li>
    					<li><a href="">Board of Directors</a></li>
    					<li><a href="">Corporate Leadership Team (CLT)</a></li>
    					<li><a href="">Organizational Chart (PDF)</a></li>
    				</ul>
    			</li>
    			<li><a href=""><img src="images/down_arrow_li.gif" width="11" height="13" border="0" align="right" alt="">Locations</a>
    				<ul>
    					<li><a href="">Albuquerque</a></li>
    					<li><a href="">Bellevue</a></li>
    					<li><a href="">Boise</a></li>
    					<li><a href="">Bremerton</a></li>
    					<li><a href="">Corporate</a></li>
    					<li><a href="">Corvallis</a></li>
    					<li><a href="">Denver</a></li>
    					<li><a href="">Olympia</a></li>
    					<li><a href="">Portland</a></li>
    					<li><a href="">Sumner</a></li>
    					<li class="last"><a href=""><img src="images/right_arrow.gif" width="11" height="13" border="0" align="right" alt="">Or Olympic</a>
    						<ul>
    							<li><a href="">Bremerton</a></li>
    							<li class="last"><a href="">Lacey</a></li>
    						</ul>
    					</li>
    				</ul>
    			</li>
    			<li><a href=""><img src="images/down_arrow_li.gif" width="11" height="13" border="0" align="right" alt="">ESOP</a>
    				<ul>
    					<li><a href="">Why ESOP</a></li>
    					<li><a href="">The Facts</a></li>
    					<li class="last"><a href="">Additional information</a></li>
    						<ul>
    							<li><a href="">Mission Statement</a></li>
    							<li><a href="">EOY</a></li>
    							<li><a href="">Awards</a></li>
    							<li><a href="">EOC</a></li>
    							<li class="last"><a href="">ESOP Trustees</a></li>
    						</ul>
    				</ul>
    			</li>
    			<li><a href=""><img src="images/down_arrow_li.gif" width="11" height="13" border="0" align="right" alt="">Site Map</a>
    			</li>
    			<li class="last"><a href=""><img src="images/down_arrow_li.gif" width="11" height="13" border="0" align="right" alt="">Divisions</a>
    				<ul>
    					<li><a href="">Natural Resources</a></li>
    					<li><a href="">Toxicology and Risk Sciences</a></li>
    					<li><a href="">Transportation</a></li>
    					<li><a href="">Environmental Engineering &amp; Sciences</a></li>
    					<li class="last"><a href="">Water/Wastewater</a></li>
    				</ul>
    			</li>
    			<li class="last"><a href="">Portal</a>
    			</li>
    		</ul>
    	</td></tr></table>
    </LAYER>
    <div id="leftmain">
    lkajl;fkjl;fkaj;lfklajfklajfk;sjf;lajfkjdfl;jdk;an;knvna;oivn;'aniv;lavnal;dvna;vinrakl;fndkl;avn;oiaen;alknf;aldnva;oine;alkvna;odivna;lvknad;lvnad;vansd;vkansdv;laknvl;ksadnf;asdklfasl;irujhweo;ikanf;lknd;oalwjkvh
    
    </div>
    <script type="text/javascript">
    
    // the menu dies horribly in Netscape 4
    // this script gives them alternate navigation
    if (document.layers) {
    	// this line hides the navigation from Netscape 4 if the user has JavaScript enabled (90% of the 1% that use that browser)
    	document.notNNnav.visibility = "hide";
    	
    	// this script provides navigation for Netscape 4 users
    	document.write("<table cellpadding='2' cellspacing='0' border='1'><tr><td class='nn4_nav'><a href=''>Home<\/a><\/td><td class='nn4_nav'><a href=''>People<\/a><\/td><td class='nn4_nav'><a href=''>Programs<\/a><\/td><td class='nn4_nav'><a href=''>Classes<\/a><\/td><td class='nn4_nav'><a href=''>Research<\/a><\/td><td class='nn4_nav'><a href=''>Dept. Operations<\/a><\/td><\/tr><\/table>");
    }
    
    </script>
    </html>

  4. #3
    Member
    Join Date
    Nov 2002
    Posts
    97
    Member #
    278
    z-index


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:27 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com