Image not appearing on Netscape 7.01

Image, HTML, Nutscrape

[ncsuk]

Hi guys.

Problem..! My domain is not showing its images that are contained in tables and also not showing the image buttons in my forms in Netscape 7.

Can anyone advise as to why this maybe happening. Ive checked it on 2 different PC's but to no avail. I'm at my wit's end. I spent 6 hours tuneing up the site yesterday and I've managed to destroy it...

url - <snippped>

"I hope I can do that Mr Moderator :) Im not asking for a site review either because I know it sucks all I need to know is why my images are busted :("

[edited by: tedster at 5:23 pm (utc) on May 21, 2003]

[ncsuk]

Oops apparantly they dont appear in Opera either...

Yelp me please.

[Sinner_G]

They do appear in my Opera (7.01) but not in the right format.

Did you try replacing the % with pixel width and height?

[ncsuk]

Ill do that now

[ncsuk]

Yup that fixed it cheers bud.

[Sinner_G]

Glad it worked. Now don't ask me what the problem was exactly. Sometimes with browsers it's better not to think too much ;).

[ncsuk]

I wasnt thats why I setup %'s instead of sizes. I could be bothered working out how big they should be :)

[papabaer]

For %percent as applied to a child element to be recognized as a valid unit of measure, the parent element's dimensions need to be defined as well.

You might try to style an image as width: 50%; height: 50%;, but without the rest of the equation, Standards Compliant browsers will be left wondering (correctly!), 50% of what?

CSS:
html, body {
width: 100%; */ this is actually the default */
height: 100%; */ default determined by content */
}

Now your image/percent values can be calculated.

Applying this to a more commonly occuring scenario:

div.pics {
float: right;
width: 20em;
height: 30em;
border: 3px groove #c0c0c0;
}

Note that in the above div class, width and height do not share the same values. Defining an images dimensions as {width:50%; height:50%;} would, in the above example, skew the image.
- papabaer