Results 1 to 4 of 4

Thread: Chrome CSS Drop Down, where to set the height?

  1. #1
    Join Date
    Feb 2008
    Posts
    137
    Thanks
    18
    Thanked 2 Times in 2 Posts

    Question Chrome CSS Drop Down, where to set the height?

    -------------
    Script: Chrome CSS Drop Down Menu (v2.5)
    http://www.dynamicdrive.com/dynamici...rome/index.htm

    Please see attached image;

    How to:
    ... set the height to 30px or any size in pixels?
    ... line up the lines from top-menu to sub-menu?
    ... clear the little gap on the left?
    ... stop the overlap of the sub-menu?
    ... fill the entire top-menu item, like the sub-menu?
    -------------

    Regards,
    Cheers
    Last edited by student101; 07-22-2009 at 08:13 AM.
    ASCII stupid question, get a stupid ANSI!
    Beta is Latin for still doesn’t work.
    Mac users swear by their Mac, PC users swear at their PC.
    Keyboard not found...Press any key to continue.

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Hmm the screenshot you posted doesn't look like Chrome Menu actually. Are you referring to a different script?
    DD Admin

  3. #3
    Join Date
    Feb 2008
    Posts
    137
    Thanks
    18
    Thanked 2 Times in 2 Posts

    Post

    No, it's a modified database driven version of Chrome CSS Drop Down Menu (v2.5)
    Here is the CSS; I've attempted to set the height with no luck, I think this script works with images and or font sizing for that?
    PHP Code:
    html .dropmenudiv a/*IE only hack*/
        
    width100%;
    }
    .
    chromestyle{
        
    widthauto;/*99%;*/
        /*font-weight: bold;*/
        /*height: 30px;*/
    }
    .
    chromestyle:after/*Add margin between menu and rest of content in Firefox*/
        
    content"."
        
    displayblock
        
    height0
        
    clearboth
        
    visibilityhidden;
        
    /*height: 30px;*/
    }
    .
    chromestyle ul{
        
    /*border: 1px solid #fff;*/
        
    width100%;
        
    background#6B804D; /*THEME CHANGE HERE*/
        
    padding4px 0;
        
    margin0;
        
    text-alignleft/*set value to "left", "center", or "right"*/
        /*height: 30px;*/
    }
    .
    chromestyle ul li{
        
    displayinline;
        
    /*height: 30px;*/
    }
    .
    chromestyle ul li a{
        
    color#fff;
        
    padding4px 6px;
        
    margin0;
        
    text-decorationnone;
        
    border-right1px solid #fff; /*THEME CHANGE HERE*/
        /*height: 30px;*/
    }
    .
    chromestyle ul li a:hover, .chromestyle ul li a.selected/*script dynamically adds a class of "selected" to the current active menu item*/
        
    background#6F9933; /*THEME CHANGE HERE*/
        /*height: 30px;*/
    }
    /* ######### Style for Drop Down Menu ######### */

    .dropmenudiv{
        
    position:absolute;
        
    top0;
        
    left0;
        
    font:normal 12px Verdana;
        
    line-height:18px;
        
    z-index:100;
        
    background-color#6B804D;
        
    width200px;
        
    visibilityhidden;
        
    /*border-width: 0px;*/
        /*height: 30px;*/
    }
    .
    dropmenudiv a{
        
    width100%;
        
    displayblock;
        
    text-indent3px/*THEME CHANGE HERE*/
        
    padding2px 0;
        
    text-decorationnone;
        
    /*font-weight: bold;*/
        
    color#fff;
        
    border-top0px solid #fff;
        
    border-right1px solid #fff;
        
    border-bottom1px solid #fff;
        
    border-left1px solid #fff;
        /*height: 30px;*/
    }

    .
    dropmenudiv a:hover/*THEME CHANGE HERE*/
        
    background#6F9933;
        /*height: 30px;*/

    Anyone able to assist?
    Last edited by student101; 07-26-2009 at 07:04 PM.
    ASCII stupid question, get a stupid ANSI!
    Beta is Latin for still doesn’t work.
    Mac users swear by their Mac, PC users swear at their PC.
    Keyboard not found...Press any key to continue.

  4. #4
    Join Date
    Feb 2008
    Posts
    137
    Thanks
    18
    Thanked 2 Times in 2 Posts

    Default

    Has this menu updated?

    I would really like to get the idea off the ground, the javascript seems to be causing issues with the changes that I need.
    ASCII stupid question, get a stupid ANSI!
    Beta is Latin for still doesn’t work.
    Mac users swear by their Mac, PC users swear at their PC.
    Keyboard not found...Press any key to continue.

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
  •