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 1 of 1
  1. #1
    Member
    Join Date
    Feb 2005
    Location
    Portland, Oregon
    Posts
    93
    Member #
    8959
    Hello all,

    I am struggling with this, so helping me with a solution on this would be very helpful. What I am trying to do is make the "blue" cities under California be a list of Mammoth Lakes and Sonoma to be outside into a new popped out list like this: (example)

    http://css.maxdesign.com.au/listamat...rizontal04.htm
    (Item One=California) and then the list (Item One, Item Two=Mammoth Lakes and Sonoma).

    The cities would be "Third Level" Nav Menu. My CSS is noted under "third" category.

    I just want to be able to hover over California and getting a nice showed vertical listed cities off that. Right now its popping up in between the states when its not supposed to.

    I hope I am making sense... very frustrating for me. This seems to be a simple thing.
    Thank you for your help and time in reading my post.

    Carrie


    See my HTML/CSS work from my site here:
    http://www.ardia.org/HAG/HAGmainnav.html

    HTML Code:
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Horizon Air Getaways</title>
    <link href="HAGnavmenu.css" rel="stylesheet" type="text/css">
    </head>
    
    
    
    <body>
    
    	<div id="control">
    	<div id="navlisthag">
    	<ul id="primary">
    		<li><a href="http://www.alaskaair.com/" target="_blank"><span style="color:#000066">alaskaair.com</span></a></li>
    		<li><a href="?PageName=AboutUs&Action=Display"><span>About Us</span></a></li>
    		<li><a href="?PageName=Specials&Action=Display"><span>Specials</span></a></li>
    		<li id="current"><a href="?PageName=Index&Action=Display"><span>Home</span></a>
    			<ul id="secondary">
    				<li><a href=""><span>Arizona</span></a>
    				<li><a href=""><span>California</span></a>
    				
    				<ul id="third">
    				<li><a href=""><span>Mammoth Lakes</span></a></li>
    				<li><a href=""><span>Sonoma County/Napa</span></a></li>
    				</ul>
    				
    				</li>
    					
    				<li><a href=""><span>Idaho</span></a></li>
    				<li><a href=""><span>Nevada</span></a></li>
    				<li><a href=""><span>Oregon</span></a></li>
    				<li><a href=""><span>Ski</span></a></li>
    				<li><a href=""><span>Golf/Spa</span></a></li>
    			</ul>
    		</li>
    		</ul>
    	</div>	
    	</div>
    


    CSS

    Code:
    
    #control {
     	width: 748px;
    	background-position:left;
    	background-image:url(HAGnavbkg.jpg);
    	background-repeat:repeat-x;
    	height: 73px;
    	}
     	
    #navlisthag {
    		overflow: hidden;
    		width: 755px;
    		padding: 0px;
    		height: 73px;
    		font-family: Trebuchet MS, Helvetica, Arial;
          	}
    		
    #navlisthag ul#primary {
          margin: 0px;
          padding: 10px 10px 0px;
          list-style: none;
          }
    		
    #navlisthag ul#primary li {
          display: inline;
          margin: 0px;
          padding: 0px;
          }
    		
    #navlisthag ul#primary a {
          float:right;
          background:url(HAGpath4leftL_both5.png) no-repeat left top;
          margin: 0px;
          padding: 0px 0px 0px 9px;
          text-decoration: none;
          }
    		
    #navlisthag ul#primary a span {
          float: left;
          display: block;
    	  background-color: #F7F7EF;
    	  background:url(HAGpath4rightL_both5.png) no-repeat right top;
          padding: 5px 15px 4px 6px;
          font-weight: bold;
          color: #641630;
    	  font-size: 14px;
          }
    
        /* hack hides rule from macIE \*/
        #navlisthag ul#primary a span {float: none;}
        /* End macIE hack */
        #navlisthag ul#primary a:hover span {
          }
    		
    #navlisthag ul#primary #current a {
          background-position: 0px -150px;
          border-width: 0px;
          }
    		
    #navlisthag ul#primary #current a span {
          background-position: 100% -150px;
          padding-bottom: 5px;
          }
    		
    #navlisthag ul#primary a:hover {
          background-position: 0% -150px;
          }
    		
    #navlisthag ul#primary a:hover span {
          background-position: 100% -150px;
          }
    	  
    	  
    
    
    
    
    #navlisthag ul#secondary {
          margin: 0px;
          padding: 10px 10px 0px;
          list-style: none;
    	  margin-top: 19px;
          }
    		
    #navlisthag ul#secondary li {
          display: inline;
          margin: 0px;
          padding: 0px;
          }
    		
    #navlisthag ul#secondary a {
          float:left;
          margin: 0px;
          padding: 0px 0px 0px 9px;
          text-decoration: none;
    	  background:none;
          }
    		
    #navlisthag ul#secondary a span {
          float: left;
          display: block;
          padding: 5px 20px 4px 6px;
    
          font-weight: bold;
          color: #61162d;
    	  font-size: 12px;
    	  background:none;
          }
    
        /* hack hides rule from macIE \*/
        #navlisthag ul#secondary a span {float: none;}
        /* End macIE hack */
        #navlisthag ul#secondary a:hover span {
    	text-decoration:underline;
          }
    
    
    
    
    #navlisthag ul#third {
          margin: 0px;
          padding: 0px;
    	  list-style: none;
         }
    		
    #navlisthag ul#third li {
          margin: 0px;
          padding: 0px;
          }
    		
    #navlisthag ul#third a {
          float:left;
          margin: 0px;
          padding: 0px 0px 0px 9px;
          text-decoration: none;
    	  background:none;
          }
    		
    #navlisthag ul#third a span {
          float: left;
          display: block;
          padding: 5px 20px 4px 6px;
          font-weight: bold;
          color: blue;
    	  font-size: 12px;
    	  background:none;
          }
    
        /* hack hides rule from macIE \*/
        #navlisthag ul#third a span {float: none;}
        /* End macIE hack */
        #navlisthag ul#third a:hover span {
    	text-decoration:underline;
          }

  2.  


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 09:28 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com