Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Jan 2008
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Creating Drop Down Menu's

    I found this code from the archives, I wanted to know how to create mouseover drop down options for each link.

    here's the code, please help me put

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Untitled Document</title>
    <style type="text/css">
    #menu2 {
    display:table;
    padding:0;
    margin:0 auto;
    list-style-type:none;
    white-space:nowrap;
    }
    #menu2 li {
    display:table-cell;
    }
    * html #menu2 li {
    float:left;
    }
    #menu2 a {
    width:auto;
    display:block;
    padding:2px 10px;
    color:#fff;
    background:#08c;
    border:1px solid #fff;
    text-decoration:none;
    }
    * html #menu2 a {
    float:left;
    }
    #menu2 a:hover {
    color:#000;
    background:#E5E5E5;
    }

    .container {clear:both; text-decoration:none;}
    * html .container {display:inline-block;}

    A.newmenu {
    text-decoration: none;
    color: black;
    display: block;
    font-family: Arial;
    font-weight: bold;
    font-size: 8pt;
    text-indent: 8px;
    }

    A.newmenu:hover {
    background-color: #FFFFFF;
    color: blue;
    }

    B.topleftnav {
    background-color: #E5E5E5;
    font-family: Arial;
    font-weight: bold;
    font-size: 9pt;
    display: block;

    }

    #home .home, #gethelp .gethelp, #forum .forum, #contact .contact, #techshop .techshop
    {
    color: blue;
    }

    </style>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>

    <body>
    <del class="container">
    </font>
    <ul id="menu2">
    <li class="home"><a href="#nogo">Home</a></li>
    <li class="gethelp"><a href="#nogo">Get Help</a></li>
    <li class="forum"><a href="#nogo">Forum</a></li>
    <li class="contact"><a href="#nogo">Contact Us</a></li>
    <li class="techshop"><a href="#nogo">Tech Shops</a></li>
    </ul>

    </del>
    </body>
    </html>

  • #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    My Sources program uses this type of thing. Have a look.

    http://exitfegs.co.uk/Sources.html

    also see 116 to 120 on this program.

    FRank
    Last edited by effpeetee; 02-23-2008 at 07:25 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •