max image width

simonj · 12-19-2006, 06:05 PM

Hi, forgive this newbie question...how do you set the maximum width for an image on a webpage without affecting images that are smaller? For instance, I want to limit the size a picture can be if it's too big but I don't want to stretch or resize smaller pictures.

hope I'm making sense,
thanks,
Simon

Crusader · 12-19-2006, 06:36 PM

If you make a css class for images you can do something like this:

max-width:174px;
max-height:174px

simonj · 12-19-2006, 07:18 PM

thanks, what's the code for doing that?

Crusader · 12-20-2006, 04:26 PM

In <head> add the following:

Code:

<style type="text/css">
img{max-width:100px;max-height:100px}
</style>

Hope that works!

12-19-2006, 06:05 PM	#1 (permalink)
simonj NamePros Regular Join Date: Jan 2005 Posts: 382 96.00 NP$ (Donate)	max image width Hi, forgive this newbie question...how do you set the maximum width for an image on a webpage without affecting images that are smaller? For instance, I want to limit the size a picture can be if it's too big but I don't want to stretch or resize smaller pictures. hope I'm making sense, thanks, Simon __________________ Very Wise Name Generator - Scan blogs, news articles, or websites for potential Domain Names - VWNG.com

12-19-2006, 06:36 PM	#2 (permalink)
Crusader Senior Member Join Date: Aug 2003 Location: Canada Posts: 1,293 1,264.40 NP$ (Donate)	If you make a css class for images you can do something like this: max-width:174px; max-height:174px __________________ Near Fantastica \| Matthew Good - Vancouver >> Do you Frawlik? <<

12-19-2006, 07:18 PM	#3 (permalink)
simonj NamePros Regular Join Date: Jan 2005 Posts: 382 96.00 NP$ (Donate)	thanks, what's the code for doing that? __________________ Very Wise Name Generator - Scan blogs, news articles, or websites for potential Domain Names - VWNG.com

12-20-2006, 04:26 PM	#4 (permalink)
Crusader Senior Member Join Date: Aug 2003 Location: Canada Posts: 1,293 1,264.40 NP$ (Donate)	In <head> add the following: Code: <style type="text/css"> img{max-width:100px;max-height:100px} </style> Hope that works! __________________ Near Fantastica \| Matthew Good - Vancouver >> Do you Frawlik? <<

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)