Michael Stevens wrote:
> So, I drop <img src="..." width="200" height="100" alt=""> into my
> HTML and .scaledimages {width: 30%;} in my CSS and the CSS %
> dimensions will overide the width of the image dropped into the HTML?
> Seems like a conflict... or do I remove the width & height from the
> <img> tag?
The image can have its width and height in the source-code, as a
fallback. Should not matter either way, as the CSS properties will
override those html attributes. CSS is powerful :-)
You must declare both width and height in CSS though, in order to
override both and assure cross-browser reliable results.
So your CSS will look like this...
.scaledimages {width: 30%; height: auto;}
...which will give you a scaling image - with correct proportions, that
will have a width equal to 30% of its container.
> There won't be a lot of these images, maybe 4, and they won't be
> huge. Each one will have a max size of maybe 300px so the resizing
> should not be extensive and hopefully won't cause any browsers to
> choke on them.
IE/win has timing-problems, so it may not scale all images
proportionally if the downloading takes too long. That includes _all_
images (and other files), also the ones that are not scaled.
If IE "times out" then the width will be correct but the height may end
up wrong. IE will correct this if the window, and subsequently the
container-width, is resized, but that's a bit too late.
Usually not a problem if you have few images and the ones that should be
scaled are intrinsically (more or less) 1 x 1 - that is: width equals
height.
Make the scaling images large enough - at least equal to the largest
scaling-size, as they won't look good if the browsers enlarge them.
Test the method a bit, and you'll learn what works and what doesn't and
how to work around any problems.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
