too much space up&down in FF not in IE

liunx

Guest
goto: <!-- m --><a class="postlink" href="http://www.vip-access.net/">http://www.vip-access.net/</a><!-- m --> in Firefox and you will see my problem with the rollovers on the left -- they have too much space in-between them up and down. But that part looks perfect in IE.

I usually do all my programming in Firefox first than in Internet Explorer but my employer only had an IE browser that I could use at the time and I need to get rid of that annoying gap...


Once we fix that problem, there is yet another problem but for IE this time.
In order for the rollover to change you need to actually put your mouse over the text and cannot simply click the background part of the "buttons". In Firefox, that is not a problem...

I was never good at making everything "pretty". Booooy do I need to play around with CSS more, lol.<!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//www.vip-access.net/">http://validator.w3.org/check?verbose=1 ... ccess.net/</a><!-- m -->
<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//www.vip-access.net/">http://jigsaw.w3.org/css-validator/vali ... ccess.net/</a><!-- m -->

Why the <span>s in the <a>s?

Use a list to markup those links.
<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/taminglists/">http://www.alistapart.com/articles/taminglists/</a><!-- m -->
<!-- m --><a class="postlink" href="http://css.maxdesign.com.au/listutorial/">http://css.maxdesign.com.au/listutorial/</a><!-- m -->

Read this: Writing Efficient CSS (<!-- m --><a class="postlink" href="http://www.communitymx.com/content/article.cfm?cid=90F55">http://www.communitymx.com/content/arti ... ?cid=90F55</a><!-- m -->)I'll try revising it when I have the time and give you the results.
 
Back
Top