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
    Apr 2012
    Posts
    9
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Question Help me with a drop down menu for my navigation bar

    I have read that making a drop down menu is possible through css and Ive tried several things that I found on different websites but nothing seems to work. Maybe Im not doing it correctly. Can someone please help me out?

    This is a horizontal navigation menu and I want a few other tabs to drop down when someone hovers over a link.

    Thank you.

    Code:
    <div id="topnav">
       <ul>
            <li><a href="about.html">ABOUT</a></li>
            <li><a href="tutorials.html">TUTORIALS</a></li>
            <li><a href="forum.html">FORUM</a></li>
            <li><a href="videos.html">VIDEOS</a></li>
            <li><a href="index.html">HOME</a></li>
       </ul>
    </div>
    #topnav { width:960px; margin-top:294px; margin-left:auto; margin-right:auto; }
    #topnav ul { width: 100%; padding-left:0; margin-left:0; background-color:#000; text-align:left; float:left; }
    #topnav ul li { display:inline; }
    #topnav ul li a { padding:10px 15px; float:right; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; text-decoration:none; color:#fff; }
    #topnav ul li a:hover { background-color:#fff; color:#060; }

  • #2
    Regular Coder
    Join Date
    Jul 2012
    Location
    London
    Posts
    473
    Thanks
    4
    Thanked 86 Times in 86 Posts
    Here is a tutorial on a drop down menu.

    http://csswizardry.com/2011/02/creat...dropdown-menu/

  • Users who have thanked tempz for this post:

    Nova888 (08-01-2012)


  •  

    Tags for this Thread

    Posting Permissions

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