elastic image not resizing Options

[aqcheryl]

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

[newkidontheblock]

instead of using width:100%; you can use something like width: 200px; or something like that for the name or something.

I hope that what you mean.

btw: the width: 100%; auto reside the element that it is applied too to the with of the containing div or if it's not in a div then the page width.

[Mikeplyts]

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.)

[aqcheryl]

I couldnt do straight pixels, as Mike says that avoids what I needed. See, you have to do percentages so that the browser will readjust the image. But it will only do it if the object was the same width as the browser window.

No matter how I kept trying to go around it, nothing worked, so I was forced to just make the logo image as long as the browser as well at highest res I was using.

The official site is now www.astoryuntoldproductions.com, I transferred everything over to the domain name now.

My current problem is in Flash though.. The site is built on three frames...
Top (logo) - no frame name assigned
Middle (menu) - no frame name assigned
Bottom (main window) - frame name is asumain

I have the buttons set at giving the URL, plus calling the frame name... for example
getURL('http://www.astoryuntoldproductions.com/asuhistory.html', 'asumain');

This is so that when [for example asuhistory.html] the button is clicked, the content will load the History page in the 'asumain' frame.

All of the menu buttons are their own .swf so they should not effect each other... and yet thats the problem I seem to be having. If I click on any of the buttons, it will load its corresponding page correctly. But if I go to click on any of the other buttons (or repeat click on the same button I just had), they load a whole new window. In all browsers Ive tested, IE, Firefox, and Opera.

Almost as if by clicking, somehow all the .swf's are refreshing themselves to a '_blank'. Im confused on this one...



Just an update on this:
I mirrored the files over to my Geocities account to see if it works, and it does. The coding is fine and everything.
But I dont want to use Geocities... 000webhost allows flash files obviously, so Im not understanding what the issue is... just that I narrowed it down to one allowing and the other not.

[Mikeplyts]

^Well, I think in Flash you have an option of setting the link to _self so see if that fixes it. Oh, and btw, it's working fine for me.