- Maybe DHTMLers can help me where HTMLers couldn't...

[Jon Yeager]

Maybe I'll have better luck here - no one has been able to help me in the
Dreamweaver forum.

I need to display a bunch of pictures that are all of various dimensions
into a fixed dimension space, like MSN Messenger does with its user photos
in the chat windows.

Forcing image dimensions will warp the proportions, so that's no good.

Forcing one coordinate while leaving the other flexible will maintain
proportions, but the x,y values won't be consistant from picture to picture.

I considered the MSN Messenger method of bringing one of the coordinates to
100 pixels, and then showing only PART of the information of the other
coordinate. I'm not sure if you guys know what I'm talking about, but
Messenger will shrink (for example) the width to 100 pixels, keep the height
proportionate, but only show the middle 100 pixels of the height (or is it
the other way around? no matter).

How can I do something similar? Perhaps involving placing an image as a
background instead of a foreground element?

How can I recreate the MSN Messenger formula for displaying images in
constant dimensions without losing the proportions (but losing unnecessary
sections of the image)?

Thanks.

[rob :: digitalburn]

I've not seen the MSN thing, but the easiest thing from what you describe
would probably be to create a div for each image (sized appropriately), and
specify the image as the background using CSS. You'll need to fiddle with
some settings a bit, but it shouldn't be difficult.

This method isn't without limitations though - people wouldn't be able to do
things such as save the images or print them (if you wanted them to be able
to). So, instead, you could again put each image in a div (sized
appropriately *and* with overflow set to hidden), and put each image in the
appropriate div using a normal img tag.

I hope that makes sense!

Rob

[Jon Yeager]

I must admit I don't really understand (embarassed look).

Remember, we want at least one of the sides (either width or height) to show
completely, while truncating the other so as to not have a stretching
effect... and make each image fit in a specific area (say, 100 pixels X 120
pixels)

"rob :: digitalburn" <rob@digitalburn.net> wrote in message
news:c88fv2$32o$1@forums.macromedia.com...

> I've not seen the MSN thing, but the easiest thing from what you describe
> would probably be to create a div for each image (sized appropriately),

and

> specify the image as the background using CSS. You'll need to fiddle with
> some settings a bit, but it shouldn't be difficult.
>
> This method isn't without limitations though - people wouldn't be able to

do

> things such as save the images or print them (if you wanted them to be

able

> to). So, instead, you could again put each image in a div (sized
> appropriately *and* with overflow set to hidden), and put each image in

the

> appropriate div using a normal img tag.
>
> I hope that makes sense!
>
> Rob
>
>

[Murray *TMM*]

<scratching head>How would that do anything for the original poster?

> people wouldn't be able to do
> things such as save the images or print them

Well, PrtSc works, and the images are in the cache already....

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]news://forums.macromedia.com/macromedia.dreamweaver[/url] - THE BEST WAY TO GET
ANSWERS
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"rob :: digitalburn" <rob@digitalburn.net> wrote in message
news:c88fv2$32o$1@forums.macromedia.com...

> I've not seen the MSN thing, but the easiest thing from what you describe
> would probably be to create a div for each image (sized appropriately),

and

> specify the image as the background using CSS. You'll need to fiddle with
> some settings a bit, but it shouldn't be difficult.
>
> This method isn't without limitations though - people wouldn't be able to

do

> things such as save the images or print them (if you wanted them to be

able

> to). So, instead, you could again put each image in a div (sized
> appropriately *and* with overflow set to hidden), and put each image in

the

> appropriate div using a normal img tag.
>
> I hope that makes sense!
>
> Rob
>
>