Bullets = None

  • sphyr

    (@sphyr)


    19 years, 7 months ago

    I’m an amateur. I took up blogging so I could learn html, and I’m still getting a handle on CSS.
    On the left hand menu at the bottom is a list of “Last Referrers” and I’m using a javascript from “Blogtricks” to do it. It’s showing up as bulleted items with a line space in between items. I want it to look like my blogrolling links higher up in the menu.
    I added a #Blogtricks section to my CSS and defined list items to have a “none” bullet style, but it didn’t have any effect. I tried #Blogtrick ul{, #Blogtrick ul li{, and several variations, but I can’t seem to make that bullet go away.
    Any suggestions? Either a suggestion to modify the CSS, or an alternate method to display last referrers would be appreciated.

Viewing 8 replies - 1 through 8 (of 8 total)
  • zbrob

    (@zbrob)

    19 years, 7 months ago

    #Blogtrick ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    Adjust to your needs.

    Thread Starter sphyr

    (@sphyr)

    19 years, 7 months ago

    Er… I thought I explained in my post that didn’t work. :/
    I think it has something to do with the javascript outputting a table format somehow.

    Mark (podz)

    (@podz)

    19 years, 7 months ago

    The Blogtricks site has a link about styling the output, but I couldn’t get any effect to work at all.

    Root

    (@root)

    19 years, 7 months ago

    I would be thinking in terms of editing the index by putting a ul
    around the list. I would also take out the capital B in blogtricks. Then I would do #blogtricks ul etc in my CSS and be prepared for a lot of swearing 🙂

    Thread Starter sphyr

    (@sphyr)

    19 years, 7 months ago

    I tried putting a ul (and then an li) in the index but still couldn’t get the bullet to go away.
    Why would the capital B make a difference? I’ll try that when I get home.
    The blogtricks site has unintelligible instructions for changing the output. :/
    Is there a better tool for showing “last referrers”?

    Thread Starter sphyr

    (@sphyr)

    19 years, 7 months ago

    I changed the #Blogtricks to #blogtricks
    I added this to my CSS:
    #blogtricks ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
    I bracketed the code in my index.php with ul tags.
    Out of ideas. Might be hardcoded by the javascript?

    Root

    (@root)

    19 years, 7 months ago

    That seems to be the problem. The js.

    Thread Starter sphyr

    (@sphyr)

    19 years, 7 months ago

    The Blogtricks link was the hint I was missing. I got rid of the bullet; I haven’t quite gotten the formatting right…
    … but I’ll probably abandon Blogtricks. I like the CG-Referer better. 🙂

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Bullets = None’ is closed to new replies.