need help with <li> bullets not showing up..

Discussion in 'HTML & Website Design' started by tyankee, Jul 7, 2009.

  1. #1
    i coded the following into a post in my blog at http://www.aroundtuittoday.com

    If you can dream it, we can (probably) deliver it. No request is too unusual. (We won't laugh, really!)
    <ul>
    <li>Out of groceries and don't have to shop?</li>
    <li>Need to get your car to the Shop to be serviced?</li>
    <li>Need to track down business services?</li>
    <li>Want to arrange a limo in a moments notice?</li>
    <li>Need a ride to the airport?</li>
    <li>Need a massage YESTERDAY?</li>
    <li>Need to make an appointment or be reminded of one.</li>
    <li>Mom and Dad, want an evening to yourselves?</li>
    <li>Break your glasses? Lose a contact lens?</li>
    <li>Needa a personal Yoga lesson?</li>
    <li>Need a tee time in 20 minutes?</li>
    <li>Need a romantic way to pop the question? Or a wedding arranged TODAY?</li>
    <li>Feeling under the weather? Need a chiropractor, an acupuncturist, or a great doctor? Or just some chicken soup delivered to your door?</li>
    <li>Want the insiders recommendations on the BEST restaurants, the BEST place to go when its raining, the BEST places to visit locally, the BEST places to take the kids?</li>
    </ul>



    when i test this in a blank document, the bullets show up fine but when i put it into my post, the bullets disappear.. i'm not an expert with CSS but can find my way around usually..
     
    tyankee, Jul 7, 2009 IP
  2. spyka

    spyka Greenhorn

    Messages:
    90
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #2
    Hi,

    The theme you are using is removing margin (and padding) from all elements

    to get it back on lists (and therefore the bullets) add the following to your css:

    div.entry ul {
    margin:0 0 0 20px;
    }
    Code (css):
     
    spyka, Jul 7, 2009 IP
  3. tyankee

    tyankee Well-Known Member

    Messages:
    1,023
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    150
    #3

    you're on to something here.. i tried what you said but it didn't change a thing.. but i found the following coding at the top of my CSS file:

    * {
    margin: 0;
    padding: 0;
    }

    i removed this and it works fine now.. but i'm confused as to why your CSS coding did not work as the div is named 'entry'.. it seems to not override the global margin statement at the beginning of the CSS file..
     
    tyankee, Jul 7, 2009 IP
  4. ks.alam28

    ks.alam28 Peon

    Messages:
    25
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    try this one

    <div>
    <ul>
    <li>Out of groceries and don't have to shop?</li>
    <li>Need to get your car to the Shop to be serviced?</li>
    <li>Need to track down business services?</li>
    <li>Want to arrange a limo in a moments notice?</li>
    <li>Need a ride to the airport?</li>
    <li>Need a massage YESTERDAY?</li>
    <li>Need to make an appointment or be reminded of one.</li>
    <li>Mom and Dad, want an evening to yourselves?</li>
    <li>Break your glasses? Lose a contact lens?</li>
    <li>Needa a personal Yoga lesson?</li>
    <li>Need a tee time in 20 minutes?</li>
    <li>Need a romantic way to pop the question? Or a wedding arranged TODAY?</li>
    <li>Feeling under the weather? Need a chiropractor, an acupuncturist, or a great doctor? Or just some chicken soup delivered to your door?</li>
    <li>Want the insiders recommendations on the BEST restaurants, the BEST place to go when its raining, the BEST places to visit locally, the BEST places to take the kids?</li>
    </ul>

    </div>
     
    ks.alam28, Jul 8, 2009 IP