SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Dec 2005
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    li list css firefox IE difefrence

    Hi,
    Quite new to css...
    hopefully someone can help me with yhis one ;-)

    I have a li list in my page.
    Firefox displays how I want it to be
    IE has margins, I can't figure out how to remove those...
    Thanks in advance!
    Quokka

    HERE IT IS:

    The difference:


    Code:
    <ul id="sitemap">
    <li><a href="front_content.php?idcat=2&amp;lang=1&amp;client=1" title="Ebene 1: Producten">Producten</a>
    <ul>
    <li><a href="front_content.php?idcat=5&amp;lang=1&amp;client=1" title="Ebene 2: Content Management">Content Management</a></li>
    </ul>
    </li>
    <li><a href="front_content.php?idcat=3&amp;lang=1&amp;client=1" title="Ebene 1: Diensten">Diensten</a></li>
    <li><a href="front_content.php?idcat=4&amp;lang=1&amp;client=1" title="Ebene 1: Contact">Contact</a></li>
    </ul>

    CSS:
    ul#sitemap
    /* Einstellungen für die Sitemap*/
    {
    color: #000000;
    float: left;
    list-style-type: none;
    width: 220px;


    }
    ul#sitemap ul {
    list-style-type: none;

    }
    ul#sitemap li {
    clear: both;

    }
    ul#sitemap li a {
    display: block;
    color: #000000;
    background-color: #9FB9FF;
    padding: 3px 0px 3px 8px;
    text-decoration: none;
    font-weight: bold;
    }
    ul#sitemap a:hover {
    color: #000000;
    background-color: #9FB9FF;

    }

    ul#sitemap ul ul{
    list-style-type: none;
    margin-top: 0px;
    margin-bottom: 0px;

    }

    ul#sitemap li li{
    clear: both;

    }
    ul#sitemap li li a {
    display: block;
    color: #000000;
    background-color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    }
    ul#sitemap li li a:hover {
    color: #000000;
    background-color: #ffffff;

    }








    ul, ol, dl, li, dt, dd {
    padding: 0;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    border: 0;
    }

  2. #2
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You need to give your anchors that are display: block a dimension, either width or height.

  3. #3
    SitePoint Member
    Join Date
    Dec 2005
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    thanks

    Yes,
    Thanks a lot.
    Took me 2 hours withou result, couldn't figure it out..
    You made it work ;-)
    Quokka

  4. #4
    SitePoint Zealot
    Join Date
    Jul 2006
    Location
    Florida
    Posts
    118
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    why do you have &amp; in your links?

  5. #5
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It's the correct HTML entity for an ampersand.


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
  •