Scalable Graphics

J

JCO

Can a picture (graphics) be displayed to be scalable.. so that it will
expand and contract. Example, such as a table that is set to 98%. All the
text will adjust while the table scales with the browser.

Just curious!
 
T

Thomas A. Rowe

Try it!

Under image properties, set the image width by %, then view in different browsers and screen
resolutions to see how it appears.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
 
S

Steve Easton

It can but the results are interesting.
Here's an example
http://www.95isalive.com/test/

You can use View > Source in your browser to see how it was done.

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer
 
J

JCO

I'm trying to attemp this but my picture disapears on me when I set the 100%
for width and Height
 
C

Cheryl Wise

You can but as Steve said the results can be "interesting" and I suspect you
wouldn't like the result if the picture has to scale too large. If you use
a big picture and scale it smaller it will look better but load. time will
be bad.

An alternative that will scale is Flash. Since Flash is vector based it
scales well. The drawback is it requires a Flash plug-in to display and you
need a Flash tool to generate it. If browser support were better you could
use SVG images but very few browsers support them without a plug-in and
unlike Flash few people have the SVG plug-in installed.
 
J

JCO

Yes I see that picture of people especially can be scewed... looking
interesting. I was hoping it could hold the Aspect Ratio while scaling.

In my case, my picture keeps disapearing on me. Not sure what I'm doing
different.
 
T

Thomas A. Rowe

To have a image scale correctly, you can only specific one of the dimensions. In most cases that
would be the width, since normally you would want to control the overall width of your page.

You may have to switch to HTML / Code View to remove the height tag of the image.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
 
J

JCO

Scaling one side stopped my image from disapearing on me.
The example above, from Steve, shows both w/h set to 100% and it scales in
both directions too.
I will play with it a bit more.
Thanks
 
S

Steve Easton

You'll notice that I first created a 100% width and 100% height table.
Then created cells inside the table set at 80% width for the image and 20% for the text.
Then inserted the image and saved the page, and then edited the html and set the height and width of
the image at 100% which will always expand to fill the 80% cell regardless of the screen resolution.

hth

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer
 
J

JCO

Cool! I understand.

Steve Easton said:
You'll notice that I first created a 100% width and 100% height table.
Then created cells inside the table set at 80% width for the image and 20% for the text.
Then inserted the image and saved the page, and then edited the html and set the height and width of
the image at 100% which will always expand to fill the 80% cell regardless of the screen resolution.

hth

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
.......................with a computer
Click to expand...
 
Top