• Whenever I type my recipes in my blog,the list of ingredients double spaces,but the text single spaces. I do not want double spacing between the ingredients. How do I correct this? Thanks!
    Example:

    1 c milk

    1 tsp vanilla

    1 c flour

Viewing 4 replies - 1 through 4 (of 4 total)
  • I have had issues like this. I found they were double spacing in IE, but were fine in Firefox. Is this the same for you?

    I managed to get it working fine in both, but not with code that validates!

    Staceyy – it’s likely the way your theme’s CSS handles lists.

    A link where folks could see this in action would be quite helpful.

    You have to be very careful of the cascading effect. If you add margins or padding to ul it will add it to ul ul as well. So you need to reset the inner one.

    Can you show a page, please? It’s difficult to diagnose CSS without being able to see the style sheet and markup.

    If the elements in the list items were links and declared display:block that would cause vertical spacing to double in IE. Unlike most standards-based browsers, IE sometimes fails to collapse adjacent vertical margins in block elements.

    But without seeing your site or page, it’s hard to tell. You could look to see if, inside the <li> tags your content is inside yet another selector (spans? links?) or not. If that is the case, check any rules that apply to them to see if margin applies. If it does, comment that rule out, upload the style.css file, then retest in IE. If all is fixed (it’s like collapsed with no space) then adjust the padding of the <li> tag, not the element within.
    I run into this all the time with list-based navigation using wp_list_pages()

    HTH

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘My Lists Are Double Spacing’ is closed to new replies.