Left float and bullet lists not playing well together…

  • Resolved Bare

    (@bare)


    13 years, 11 months ago

    Hello,
    I’ve been bashing my head against the wall trying to figure this one out. I’ve scoured here and Google, perhaps the proper search terms are just eluding me because I know that this has to be a problem that’s been solved already… On my site whenever I float something left and put a bullet list on the right the bullets do not indent properly and they end up sitting against my left floated content (usually an image). You can see an example of my problem here:

    http://tech.bareasschoppers.com/electrical/load-equalizer/

    If you scroll down about half way you will see an image on the left with a 3 item bullet list on the right. The bullets hug the image and I can’t seem to figure it out. I’ve checked and it occurs in both FF and IE.

    Any help, thoughts or insight would be greatly appreciated!

Viewing 3 replies - 1 through 3 (of 3 total)
  • esmi

    (@esmi)

    13 years, 11 months ago

    style.css:

    html > body .entry ul {
list-style:disc outside url("images/bullet.png");
margin-left:0;
padding:0 0 0 30px;
text-indent:-2px;
}

    Change outside to inside.

    Thread Starter Bare

    (@bare)

    13 years, 11 months ago

    Wow, thanks! For the record, in case anyone else runs into this… I actually did not have the “outside” command defined, I assume that must be a default. My original code was just:

    list-style:disc url("images/bullet.png");

    I added the “inside” like you said and now it’s perfect.

    Thanks again!

    esmi

    (@esmi)

    13 years, 11 months ago

    Sorry if I caused any confusion. Firebug must be adding outside to the list-style properties by default and I hadn’t noticed before. At least your pages are fixed now. 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Left float and bullet lists not playing well together…’ is closed to new replies.