Hi Cole,
Try setting those images to 'display: block;'
div.thumbs img {display: block;}
The reason this works is detailed here:
https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps
HTH
--
cal.
oksushi on Freenode
On 14/08/2009, at 5:36 PM, Cole Kuryakin wrote:
Hello All!
I've got a small but annoying problem I can't seem to solve.
I've got six test thumbnail images wrapped inside of hrefs. All six
hrefs
are floated left within a containing div.
The div can only accommodate 4 of these href'd images per row so
images 5
and 6 break to a second row - which is fine.
My issue is this strange margin-type space that is appearing below
each href
- since I've set margins and padding to '0' for both images and
hrefs, I
don't understand what in the world is causing this anomaly.
My CSS is VERY simple and straight forward but nothing I try will
eliminate
this bottom margin.
Can someone please help me see the error of my ways?
Live sample is posted here:
http://www.koisis.com/problems/float_space/tester.htm
Great appreciation to all in advance!
Cole
PS: IN IE7 there is no whitespace at the bottom of these elements,
but in
FireFox (et. al) there is.
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************<
winmail.dat>
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
