Annoying gap between images with links
I've been putting together a site trying to use CSS for the layout and especially making use of the a:hover to switch background images for a link.
The issue I am having is a compatibility issue between IE6 and Firefox. I've got a few links on the right hand side that are using background images to try and fill the cell and will eventually switch background images on the hover effect. IE6 seems to recognise the height of a cell and the link style and does not display any gaps between the images.
However Firefox seems to add an automatic gap/spacing between these links and I cannot find any way of getting rid of this gap. There should be no gap between links as you will see in IE6 but viewing in Firefox you will see a 1px gap around these links.
How do I remove this gap in Firefox?
The site is currently located here;
And the css here;
Any thoughts or comments would be appreciated.
One thing, these instances
where the file is in quotes - the quotes aren't needed.
Another, you might add padding: 0 to each of the a (link) classes. Fx and IE interpret padding/margins differently. (Usually the exact opposite) Setting the padding to zero will help that.
Lastly, add a border-collapse property to the main link table
BTW - you might look into these errors: http://validator.w3.org/check?verbos...tn%2Fhome.html
* My screen resolution is set at 1680x1050
* I'm accessing your site through a T1 line
* I'm probably viewing it using Firefox (unless browser is specified)
Thanks for your reply. I've tested out a the things that you have mentioned and am still experiencing no joy.
I've removed the quotes from the background-image tags, added border-collapse attributes and also added padding: 0 attributes but I still have gaps between the images.
Do you have any other idea's about what this problem could be related to? What else would Firefox be interpreting diferently to IE?
Any more thoughts or suggestions would be a big help as I'm stuck.
Remove the following classes: .bodycellmember, .bodycellcontent, .bodycellprograms and .bodycellcec
At least 98% of internet users' DNA is identical to that of chimpanzees
Fang you're the man, didn't realise those were completely useless.
Done and consider this one sorted.
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)