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 5 of 5
  1. #1
    Regular Coder
    Join Date
    Jul 2007
    Location
    England
    Posts
    132
    Thanks
    24
    Thanked 0 Times in 0 Posts

    Question CSS Menu - Can This Be Modified To Single Level Drop down?

    Is there a way to modify this css to make it a single level drop dowm menu?

    http://www.dynamicdrive.com/style/cs...n-bricks-menu/

    Here's the css :

    Code:
    <style type="text/css">
    
    /*Credits: Dynamic Drive CSS Library */
    /*URL: http://www.dynamicdrive.com/style/ */
    
    #modernbricksmenu{
    padding: 0;
    width: 100%;
    background: transparent;
    voice-family: "\"}\"";
    voice-family: inherit;
    }
    
    #modernbricksmenu ul{
    font: bold 11px Arial;
    margin:0;
    margin-left: 40px; /*margin between first menu item and left browser edge*/
    padding: 0;
    list-style: none;
    }
    
    #modernbricksmenu li{
    display: inline;
    margin: 0 2px 0 0;
    padding: 0;
    text-transform:uppercase;
    }
    
    #modernbricksmenu a{
    float: left;
    display: block;
    color: white;
    margin: 0 1px 0 0; /*Margin between each menu item*/
    padding: 5px 10px;
    text-decoration: none;
    letter-spacing: 1px;
    background-color: black; /*Default menu color*/
    border-bottom: 1px solid white;
    }
    
    #modernbricksmenu a:hover{
    background-color: gray; /*Menu hover bgcolor*/
    }
    
    #modernbricksmenu #current a{ /*currently selected tab*/
    background-color: #D25A0B; /*Brown color theme*/ 
    border-color: #D25A0B; /*Brown color theme*/ 
    }
    
    #modernbricksmenuline{
    clear: both;
    padding: 0;
    width: 100%;
    height: 5px;
    line-height: 5px;
    background: #D25A0B; /*Brown color theme*/ 
    }
    
    #myform{ /*CSS for sample search box. Remove if desired */
    float: right;
    margin: 0;
    padding: 0;
    }
    
    #myform .textinput{
    width: 190px;
    border: 1px solid gray;
    }
    
    #myform .submit{
    font: bold 11px Verdana;
    height: 22px;
    background-color: lightyellow;
    }
    
    </style>
    And incorporated into HTML :

    h**p://seodesign.eu/soon.html
    Last edited by Mehdi72; 07-25-2007 at 02:35 AM.

  • #2
    Regular Coder
    Join Date
    Feb 2007
    Location
    Seattle
    Posts
    153
    Thanks
    5
    Thanked 9 Times in 9 Posts
    Quote Originally Posted by Mehdi72 View Post
    Is there a way to modify this css to make it a single level drop dowm menu?
    Do you mean a menu that has a drop down list when you hover over it? If so, check out the samples created by Stu Nichols:

    http://www.cssplay.co.uk/menus/

  • #3
    Regular Coder
    Join Date
    Jul 2007
    Location
    England
    Posts
    132
    Thanks
    24
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by garydarling View Post
    Do you mean a menu that has a drop down list when you hover over it? If so, check out the samples created by Stu Nichols:

    http://www.cssplay.co.uk/menus/
    Yes that's what I mean but I have a look at Stu's menus and I want larger boxes and had problems increasing the size.

  • #4
    Regular Coder
    Join Date
    Jun 2007
    Location
    N. Ireland
    Posts
    351
    Thanks
    16
    Thanked 4 Times in 4 Posts
    Try Suckerfish!

    I always use this for my navigation. Makes single and even double/triple drop downs a breeze.
    My site Thousand-sons uses the vertical navigation option

    D.
    Daemonkin.
    If this was helpful, please add to my reputation
    Thousand Sons - Freelance Web Developer - ninetyonedegrees.com

  • #5
    Regular Coder
    Join Date
    Jul 2007
    Location
    England
    Posts
    132
    Thanks
    24
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by daemonkin View Post
    Try Suckerfish!

    I always use this for my navigation. Makes single and even double/triple drop downs a breeze.
    My site Thousand-sons uses the vertical navigation option

    D.
    Thanks. I need a horizontal menu with borders and I can't figure out how to do it. If I post the css will you take a look?


  •  

    Posting Permissions

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