Cal - Bang! That did it. Thanks so much - I knew it had to be something simple.
Truly appreciate the guidance. Cole -----Original Message----- From: [email protected] [mailto:[email protected]] On Behalf Of Cal Wilson Sent: Friday, August 14, 2009 4:02 PM To: [email protected] Subject: Re: [WSG] Strange Bottom Margin on Floated Elements I Can't Get Rid of 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] ******************************************************************* ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [email protected] *******************************************************************
