RE: [WSG] How do I combat extra padding?
Thank you Bert. That worked like a charm. :-) Janelle -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Bert Doorn Sent: Tuesday, August 30, 2005 5:59 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] How do I combat extra padding? G'day >I had to create a table for this piece of our templates but am finding >that firefox, netscape 7 and opera are adding extra padding under the images in >the top row of cells. So far my fix has been to give our mozilla >stylesheet margin-bottom: -4px for these images which has worked but I >would like to know why firefox, netscape and opera are adding the extra padding. > > I recall having similar issues myself with table based layouts in the past. >From memory, Mozilla, gives the images a vertical-align of "baseline" unless you override it. Try giving them (in css) a vertical-align:bottom. Regards -- Bert Doorn, Better Web Design http://www.betterwebdesign.com.au/ Fast-loading, user-friendly websites ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] How do I combat extra padding?
I just tested out Bert's solution, and it works. Set vertical align of the images to bottom. Very nice to know, thanks Bert. :)
Re: [WSG] How do I combat extra padding?
On Tue, 30 Aug 2005 17:44:51 -0700, Janelle Clemens wrote: > I had to create a table for this piece of our templates but am finding that > firefox, netscape 7 and opera are adding extra padding under the images in > the top row of cells. So far my fix has been to give our mozilla > stylesheet margin-bottom: -4px for these images which has worked but I would > like to know why firefox, netscape and opera are adding the extra padding. IIRC, its a carriage return in your markup. If you have then gecko-based browsers will allow space for the carriage return. The fix is things like this: Thats IIRC - its been a while since I used tables for this sort of layout. I'm not uptodate on the hacks required. HIH Lea -- Lea de Groot Elysian Systems - http://elysiansystems.com/ Brisbane, Australia ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] How do I combat extra padding?
G'day I had to create a table for this piece of our templates but am finding that firefox, netscape 7 and opera are adding extra padding under the images in the top row of cells. So far my fix has been to give our mozilla stylesheet margin-bottom: -4px for these images which has worked but I would like to know why firefox, netscape and opera are adding the extra padding. I recall having similar issues myself with table based layouts in the past. From memory, Mozilla, gives the images a vertical-align of "baseline" unless you override it. Try giving them (in css) a vertical-align:bottom. Regards -- Bert Doorn, Better Web Design http://www.betterwebdesign.com.au/ Fast-loading, user-friendly websites ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
[WSG] How do I combat extra padding?
I had to create a table for this piece of our templates but am finding that firefox, netscape 7 and opera are adding extra padding under the images in the top row of cells. So far my fix has been to give our mozilla stylesheet margin-bottom: -4px for these images which has worked but I would like to know why firefox, netscape and opera are adding the extra padding. Code: http://www.sgi.com/tempie/ Stylesheet: http://www.sgi.com/tempie/styles.css Thank you, Janelle ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **