Css Vertical Drop Down Help

Discussion in 'CSS' started by fisher318, Nov 2, 2007.

0
  1. #1
    Ok, i'm having a couple of problems here with my CSS menu. If you go to the site i'm working on, www.groundwire.net/concept/ You will see that the drop down menu works, but it is cutting off the anchor text of my links on the right hand side. I paid some guy on scriptlance $15 to do it, and now he won't respond to me even though he promised follow up support on the menu. Any help on this would be appreciated greatly! Here is what the menu code specifically looks like:

    #header{
    width:778px;
    margin:0 auto;
    background:url(images/header_pic.jpg) 237px 0 no-repeat;
    height:188px;
    position:relative;
    z-index:100;
    padding:28px 0 0 0;
    }
    #header img{
    left:5px;
    top:50px;
    }
    .menu {font: normal 10px/35px "Trebuchet MS", Arial, Helvetica, sans-serif; height:100px; position:relative; z-index:100; height:35px; text-transform:uppercase; }
    #header ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:103px; height:35px; text-align:center; color:#fff; line-height:35px; font-size:11px; overflow:hidden; background:#000; }
    #header ul { float:right;padding:0; margin:0; list-style: none;}
    #header ul li {float:left; position:relative; border-left:1px solid #2b2b2b;}
    #header ul li ul {display: none;}

    /* specific to non IE browsers */
    #header ul li:hover a {color:#fff; background:url(images/navi_h_bg.gif) repeat-x;height:35px; }
    #header ul li:hover ul {display:block; position:absolute; left:0; width:104px;}
    #header ul li:hover ul li a.hide {background:#000; color:#fff;}
    #header ul li:hover ul li:hover a.hide {background:#000; color:#fff;}
    #header ul li:hover ul li ul {display: none;}
    #header ul li:hover ul li a {display:block; background:#ddd; color:#000;}
    #header ul li:hover ul li a:hover {background:#0f6fa1; color:#fff;}
    #header ul li:hover ul li:hover ul {display:block; position:absolute; left:104px; top:0;}
    #header ul li:hover ul li:hover ul.left {left:-104px;}
     
    fisher318, Nov 2, 2007 IP
  2. deronsizemore

    deronsizemore Peon

    Messages:
    103
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    1. What browser are you viewing it in? Everything looks fine to me in FireFox.

    2. Why are you paying someone to do something like this? There are many tutorials and already ready made templates you could use and just put the code where you wanted it in your site.
     
    deronsizemore, Nov 2, 2007 IP
  3. blueparukia

    blueparukia Well-Known Member

    Messages:
    1,564
    Likes Received:
    71
    Best Answers:
    7
    Trophy Points:
    160
    #3
    It's also working fine on Opera.
     
    blueparukia, Nov 2, 2007 IP
  4. fisher318

    fisher318 Guest

    Messages:
    61
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Thanks guys, but the menu does work the way it is, however, if you go under the second link called "Listen Up" and then scroll down to the last link, it says "Interested In". That link should extend out to the right as the whole anchor text should read "Interested in Airing Groundwire". So I need the drop down menus to extend to the right in order to fit the whole anchor text of my link menu's.

    Does that make sense?

    P.S. The reason I paid for it was because they were only asking for $15, and I thought it would save me some time. Plus, it wasn't a matter of just putting in a templated menu before hand, I already had some pre-made css for that menu in the first place, so it was a little over my head analyzing the existing css menu, and then adding a templated css menu within that menu, and then making sure it works in all the browsers as well. However, it still seems it's not working properly in IE 6 i believe.
     
    fisher318, Nov 5, 2007 IP