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 Coder
    Join Date
    Apr 2009
    Location
    Cape Town
    Posts
    83
    Thanks
    4
    Thanked 0 Times in 0 Posts

    CSS Vertical List Menu

    Hi all,

    I have used the CSS Vertical List Menu from this website as a foundation to build my own one. Everything works great except than it renders a lot different in IE8 than in Firefox3.

    In Firefox the full menu is visible in the page but in IE it is longer than the window and you have to scroll down to see the lower items.

    I've tried different paddings and fonts and sizes without success.

    Any ideas?

    Anita.

    Here's my CSS code:

    .glossymenu{
    list-style-type: none;
    margin: 5px 0;
    padding: 0px;
    width: 150px;
    border: 1px solid #9A9A9A;
    border-bottom-width: 0;
    }

    .glossymenu li a{
    background: white url(../navmenu/images/blackgloss1.jpg) repeat-x bottom left;
    font: bold 12px Verdana, sans-serif, Arial, Helvetica;
    color: #FFFFFF;
    display: block;
    width: auto;
    padding: 5px 0;
    padding-left: 10px;
    text-decoration: none;
    }

    .glossymenu li a:visited, .glossymenu li a:active{color: white;}
    Last edited by Anita2105; 05-17-2009 at 01:55 PM.

  • #2
    New Coder
    Join Date
    Apr 2009
    Location
    Cape Town
    Posts
    83
    Thanks
    4
    Thanked 0 Times in 0 Posts
    Ok,

    I've solved my own problem by digging through the archives here. It had to do with the line-height and text-decoration settings in the main body css.

    It isn't perfect, but its much improved.

    Anita.


  •  

    Posting Permissions

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