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 2 of 2

Thread: sub menu help

  1. #1
    Junior Member spacejammed's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    5
    Member #
    24557
    can anyone help I am trying to put a sub menu in my menu but not best in worl d

    can anyone help

    Code:
    <div id="right">
    		<div id="menu1">
    			<ul>
    <script type="text/javascript">
    <!--
    var months = new Array(
    "January", "February", "March", "April",
    "May", "June", "July", "August", "September",
    "October", "November", "December");
    var currentTime = new Date();
    var month = currentTime.getMonth();
    var day = currentTime.getDate();
    var year = currentTime.getFullYear();
    document.write(months[month] + " " + day + ", " + year);
    //-->
    </script>
    <br />
    <br />
    				<li id="menu-01"><a href="index.htm">Home</a></li>
    				<li id="menu-02"><a href="mini.htm">Miniature Furniture</a></li>
    ***want submenu here only visible on mouseover for 6 items******
    
    				<li id="menu-03"><a href="Standard.htm">Standard Furniture</a></li>
    				<li id="menu-04"><a href="Contact.htm">Contact Us</a></li>
    				<li id="menu-05"><a href="T's & C's.htm">T's & C's</a></li>
    			</ul>
    		</div>

  2.  

  3. #2
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    you posted in html/css so i assume you want a css option. i just posted this in another thread. examine this for the answer

    <!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>
    <style>
    * { margin: 0px; padding: 0px; }
    .main { position: absolute; }
    .main .main_list { display: inline; float: left; }
    .sub { position: absolute; display: none; list-style: none; border: solid; }
    li:hover .sub { display: block; }
    </style>
    <body>
    <ul class='main'>
    <li class='main_list'><a href="http://">Link 1</a></li>
    <li class='main_list'><a href="http://">Link 2</a></li>
    <li class='main_list'><a href = "http://">Link 4</a>
    <ul class='sub'>
    <li class='sub_list'>sub 1</li>
    <li class='sub_list'>sub 2</li>
    </ul>
    </li>
    <li class='main_list'><a href="http://">Link 3</a></li>
    </ul>
    </body>

    while($get_it !== true){ continue; }


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