On 1/7/05 12:41 PM, "Wayne Godfrey" <[EMAIL PROTECTED]> wrote:
> Ideally I would like to use only one image at it's largest size, say
> 200px wide, I can control the width, what I have no control over is the
> height. I also need the image to float right (sorry to be so needy!)
> and ideally I would like to get to two or three classes to solve this,
> IF indeed the images will constrain. I've found this code and it works:
>
> #zoom a img {
> float:right;
> height: 198px;
> width: 150px;
> margin: 0 15px 5px 5px;
> }
>
> #zoom a:hover img {
> height: 329px;
> width: 250px;
> }
>
> But like I said, this requires me to code each image individually,
> using the above or even what you've given me below, can I eliminate the
> "height" and keep the image constrained?
If I understand correctly what you're trying to do, then yes, the images
will remain constrained at the width you set, with the browser automatically
adjusting the height to preserve the image's aspect ratio. Just leave the
height declaration out of your CSS and/or HTML. You'll get a fixed width
with variable height.
--
Kevin Futter
Webmaster, St. Bernard's College
http://www.sbc.melb.catholic.edu.au/
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
