An extra bullet appears on in my asides (Css List Styles help) (5 posts)

  1. kgeiger
    Posted 11 years ago #


    I am having difficulties with my CSS for my asides. I am attempting to make a list of links but everytime I do so an extra bullet appears for some reason. Can anyone tell me how to get rid of the bullet above 'Mozilla 1.0 Secrets.'

    Current CSS:

    ul.linklog li {
    color: #333333;
    font-family: "Trebuchet MS", serif; /*Arial, sans-serif;*/
    font-size: 9pt;
    letter-spacing: 1px;
    padding: 3px 0 3px 0;
    margin: 0;
    margin-top: 5px;
    margin-bottom: -5px;
    list-style-image: url('http://www.kgeiger.net/images/list.gif');

  2. lyklev
    Posted 11 years ago #

    Your source code reveals:

    <li><li><a href="http://windowssecrets.com/041202/#top1">Mozilla FireFox 1.0 Secrets</a></li>

    Somehow, you generate an extra li, causing the bullet.

    How do you generate the list? It has no closing div either.

    So it is not a CSS problem, but either a html problem or a php-problem.

  3. kgeiger
    Posted 11 years ago #

    Thank you. It just came to me that giving it the category of an 'Aside' makes the first line start as the list. I was listing the first line twice, this causing the 2 bullets.

    Thanks for making that obvious to me. :)

    And thank you wordpress!

  4. lyklev
    Posted 11 years ago #

    Oh, your #menu is at 950 pixels from the left, while your menu is 160-something pixels wide, making your page 1100 pixels wide, which is too much for my 1024 pixels wide (and still most-used) screen. Did you mean 850 pixels from the left?

  5. kgeiger
    Posted 11 years ago #

    Could that be why it appears strange in IE browsers?

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.