pschwar
Member
Posted 4 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="" />
http://www.finlandforthought.net/wp-content/firefox_vs_ie.gif
Firefox puts a nice space ( ?) between the links, IE does not. What do I need to change in my code/css ??
Thanks!!!
pschwar
Member
Posted 4 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.
Other possibility would be adding value for line height, for example
line-height: 16px;