Log In · Register

 
elastic image not resizing
aqcheryl
post Apr 6 2009, 04:52 PM
Post #1


Newbie
*

Group: Member
Posts: 8
Joined: Apr 2008
Member No: 639,679



Hi
This is the site Im working on: http://astoryuntold.netau.net/index.html

On the top frame, I have an image background set in a div with the width at 100%, so if you maximize/minimize the browser or have lower or higher resolution, the image will auto adjust itself to fit...since the background image width is equal to the width of the browser its fine, and I dont get the problem I have below...

But the other image - the name... its not the width of the browser of course. And when I try to apply the same code...its stretching the image to equal 100% browser width - not what I want.

So in this case the width at 100% attribute is not what I need... and Im not sure what other code to put to tell the image to be 'elastic' or 'liquid' or whatever its called...

its funny because when I was looking for code how to do it with background images I kept reading how you couldnt do it for background, only with regular images... and then when I search for regular images all I find is doing it for backgrounds... lol


 
 
Start new topic
Replies
Mikeplyts
post Apr 7 2009, 07:56 AM
Post #2


Mel Blanc was allergic to carrots.
*******

Group: Official Designer
Posts: 6,371
Joined: Aug 2008
Member No: 676,291



But wouldn't it also work if you added a width="###" or a height="###" property to the <img> tag?

Like this:

CODE
<img src="IMAGE URL" border="0" width="###">


OR

CODE
<img src="IMAGE URL" border="0" height="###">


I think you can also do both if you wanted, but that would make it pixelated, I believe. Those above codes could resize it down but it resizes it down while constraining proportions. Does she want to make the image a certain size or does she want the image to be resize downed on their own proportions.

(i.e. - A 100x100 image is added to an <img> tag and then a width="50" is added to the tag as well. It will then become 50x50 based on it's proportions.)
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: