Re: Mozilla and Images

timothy booker wrote:
> Hello,
>
> Try using CSS to set your images as block elements:
>
> img {
>      display: block;
> }
>
> Hope this helps,
> Tim

Mirella Batista wrote:
> Hi!
>
> If the gap is generated due to the different interpretation of
> standards by Mozilla (and Netscape), try adding the CSS declaration
> of **display:block** to your images.  There was a very good article
> about this problem on evolt.org. After much debate, it was decided to
> keep the DOCTYPE declaration, but add the CSS style="display:block to
> the images".
>
> Mirella :-)

Larry Coats wrote:
> I'm not sure exactly how to fix it while staying with compliant-mode.
> However, if you remove the DOCTYPE or substitute an HTML 4.01
> transitional DOCTYPE, the gaps go away.
>
> Larry Coats

timothy booker wrote:
> Hello,
>
> Try also setting a line-height for your images.
>
> img .menuButton {
>      display: block;
>      line-height: 13px;
> }
>
> I have to say that I think your method of using those
> menubuttonspace.gif images will only add additional trouble when
> trying to solve this problem.
>
> Tim

Tim, Mirella, and Larry,

Thank you all for your input and suggestions. When Tim first suggested using
"display: block" I tried it with disatrous results. Mirella gave me a little
more information on the matter, and Tim then flipped the lightswitch for
me... What I had done was just use "display: block" without defining width
or height, and applied it to all elements. By reworking all the graphical
code so that the menu elements were using "display: block" (currently within
each individual element; refinements are yet to come), and
absolutely-positioning the top pieces of the interface, it all came together
perfectly in all three browsers!

As to Larry's suggestion of downgrading the DOCTYPE, that's a last-resort
solution, as the goal for this site is to be XHTML-certified
(client-requested). But if nothing else worked, I was going to do it...

Thanks to all of you for your insight and suggestions! I really appreciate
it!

Kehvan

----------------------------------------------------------------------
NORTON ANTI-VIRUS 2002 scanned this email prior to sending. It is free
of any known embedded or attached viruses, trojans, or internet worms.
----------------------------------------------------------------------

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA