Links formating issue - IE vs. Mozilla (picture provided) (4 posts)

  1. pschwar
    Posted 10 years ago #

    I'm having a formatting issue (WordPress v1.2) in my links section. Have a look at this pic and you'll see the difference...

    <img src="http://www.finlandforthought.net/wp-content/firefox_vs_ie.gif" alt="" />

    Firefox puts a nice space ( ?) between the links, IE does not. What do I need to change in my code/css ??


  2. pschwar
    Posted 10 years ago #

    any help? :-)

  3. Ming
    Posted 10 years ago #

    When I validate your page it complains document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag. for your sidebar links. So somewhere the lists are getting messed up. You'll need to go through and correct this first because all kinds of wonky things happy when html isn't correctly closed.

    Once you've done that you'll be able to control the spacing between list items with something like:
    ul li { margin-bottom: 12px; }

    By controlling the spacing that way you won't need the <br /> tags either.

  4. -P-
    Posted 10 years ago #

    Other possibility would be adding value for line height, for example

    line-height: 16px;

Topic Closed

This topic has been closed to new replies.

About this Topic