Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to remove the accordion looking links

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #32362
    Spearfrost
    Member

    I know there is a simple solution… but I am not seeing it.
    This issue only appears when viewed in internet explorer. Seems to happen when I am working with [ul] elements.
    Please help. Thanks alot!

    Here iz da link:
    Website mockup

    Here iz da css:


    @charset "utf-8";
    /* CSS Document */

    body, html {
    margin: 0;
    padding: 0;
    }

    img {border: 0;}

    #main_nav {
    margin: 0;
    padding: 0;
    width: 998px;
    height: 28px;
    }

    #navbox {
    float: left;
    width: 760px;
    height: 30px;
    }

    #menu {
    height: 30px;
    padding:0;
    margin:0;

    }

    #menu li {
    list-style-type:none;

    }

    ul#menu a, #menu a:visited {
    font-family: Verdana, Geneva, sans-serif;
    display: block;
    float: left;
    width: auto;
    height: 17px;
    padding: 6px 20px 5px;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    }

    #51138
    cybershot
    Participant

    what accordian looking links. Can you be more specific?

    #50993
    Moofin
    Participant

    Remove the float: left on ul#menu a

    and put the float left on #menu li

    Seemed to work for me!

    #50436
    Spearfrost
    Member

    Absolutely perfect Moofin. Thank you very much! (this case is now thus solved!)

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.