[thelist] Little <img> tag problem

Rodrigo Galindez rodrigo at cedha.org.ar
Fri Dec 5 13:36:10 CST 2003

  Ok, I tried this, I changed to "vertical-align: text-bottom" for each
<img> in my CSS, but there is still a little little gap. The only solution
that worked, actually was to set "float: left;" to the images, and settting
a fixed width to the #content div, as Paul Bennett suggested.

Rodrigo Galindez
Information Management Assistant
Center for Human Rights and Environment (CEDHA)
Gral Paz 186 10 A
5000 - Cordoba - Argentina
Tel/fax 54-351-4256278
rodrigo at cedha.org.ar

----- Original Message ----- 
From: "Scott Schrantz" <scotts at rci-nv.com>
To: <thelist at lists.evolt.org>
Sent: Friday, December 05, 2003 5:45 AM
Subject: RE: [thelist] Little <img> tag problem

> > -----Original Message-----
> > From: Rodrigo Galindez [mailto:rodrigo at cedha.org.ar]
> >
> > http://www.cedha.org.ar/desarrollo/index_new.html
> >
> > when I try it on Mozilla Firebird, it seems to put a "blank"
> > space between the images.
> I think what's causing this is a common issue with Mozilla. It doesn't do
things "wrong", just different. The gap you're seeing is space that's
reserved for the descenders in text. You know, the parts of the g and the j
and the p that drop below the baseline. IE places images on the absolute
bottom, so that descender space is hidden behind the image. Mozilla places
images on the baseline, so the descender space is visible as a few-pixel gap
underneath the image. You can fix it by setting vertical-align: text-bottom
on the <img> tag, or by setting font-size: 0 on the <p> tag your images are
in. Your images /are/ in a <p> tag, right? It's technically valid to put
inline content directly in a <div>, but for me it's always a best practice
to wrap everything in a <p>.
> p {
> font-size: 0;
> }
> <div>
> <p>
> <img /><br />
> <img />
> </p>
> </div>
> --
> Scott Schrantz
> work: www.rci-nv.com
> play: www.computer-vet.com/weblog/
> -- 
> * * Please support the community that supports you.  * *
> http://evolt.org/help_support_evolt/
> For unsubscribe and other options, including the Tip Harvester
> and archives of thelist go to: http://lists.evolt.org
> Workers of the Web, evolt !

More information about the thelist mailing list