Hi guys, Please have a look at the following page: http://www.travelsolutionsireland.com/ Can anyone suggest a quick CSS fix for the gaps in each of the 4 central boxes - there is a small gap right under each of the 4 headers? Thanks, Andy
Not really a css fix... It's a <table> removal that's needed. Not really sure why you're using tables for laying that out instead of a unorder list style with your css. If you are sticking with the <table> then you will have to align your images to the left for cross browser issues relating to false padding/spacing and you should, at least, add to empty table cells.... Among a few other details with your table. You should consider rewriting that area of content eliminating the table for presentation layer....
To be honest, I am not good at that level of change and the site isn't one I built. I am just trying to get it fixed somehow Is it a big fix and do you fancy quoting me on it?
It's not pretty, and I wouldn't recommend it, but if you don't know CSS very well a quick hack would be to put "position:relative;top:-10px;" (adjust the px value to whatever you want) in the style for the box element, alternatively you can use margins.
This is simply a <td></td> tag in html containing <span>... Just remove this and there will be no more space! Preview: