Micro Niche Builder
Closed Thread
Results 1 to 6 of 6

Thread: drop down menu!

  1. #1

    Default drop down menu!

    Hey,

    Does nayone know how to make a drop down menu in CSS?

    Thanks.


  2. Micro Niche Builder

  3. #2
    Fresh Meat Rok is on a distinguished road Rok's Avatar
    Join Date
    Feb 2010
    Location
    United States
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    You can't make something with CSS. CSS is just a coding language to modify and arrange text and images. I'm afraid you're looking for something more like Javascript... unless you want to use an HTML form.

  4. #3

    Default

    Javascript is your best bet however recommend steering away from using javascript for navigation unless you have hidden navigation or footer navigation so robots can access other pages of your website.

  5. #4

    Default

    You can definitely do a dropdown menu in css, it's actually recommended. Using the pseudo class :hover you can make all sorts of awesome things happen. Here is one in only css and the basic ul and li tags.

    Easy CSS Dropdown Menus

  6. #5

    Default

    The code below is a sample code for dropdown menu.

    Let's start with the XHTML first and foremost.

    <ul id="navbar">
    <li><a href="#">Item One</a><ul>
    <li><a href="#">Subitem One</a></li>
    <li><a href="#">Second Subitem</a></li>
    <li><a href="#">Numero Tres</a></li></ul>
    </li>
    <!-- ... and so on ... -->
    </ul>
    Next, we’ll start adding a few styles on navigation bar.

    #navbar {
    margin: 0;
    padding: 0;
    height: 1em; }
    #navbar li {
    list-style: none;
    float: left; }
    #navbar li a {
    display: block;
    padding: 3px 8px;
    background-color: #5e8ce9;
    color: #fff;
    text-decoration: none; }
    Hope that code will help you.
    Self Leadership International can design deliver or customise a communication skills program and motivational speaker for your organisation that will result in culturally sensitive, verbal and non-verbal behaviours. Good communication is good for business.

  7. #6

    Default

    hey thanks for sharing

Closed Thread

Similar Threads

  1. Validation of php drop down menu of months,days and years
    By rathurosamal in forum Design and Development
    Replies: 0
    Last Post: 08-01-2009, 12:37 PM
  2. Cyber Drop
    By dahlia84 in forum Showcase Your Website
    Replies: 4
    Last Post: 01-16-2009, 01:13 AM
  3. drop shadows
    By Crossfire in forum Graphics
    Replies: 9
    Last Post: 01-09-2009, 11:07 AM
  4. Drop down menus
    By Valaabsodcabs in forum Content Management
    Replies: 3
    Last Post: 06-07-2008, 05:55 PM
  5. how to make drop down tool menu in html
    By kirogo in forum Design and Development
    Replies: 6
    Last Post: 06-06-2008, 03:43 AM

Bookmarks

Posting Permissions

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