Table containment coupled with img size...

This may not be in the right forum...but I had no clue where to slap it cause it spans about 4 of them...

First, before I present my problem, here is the info you will need:

I have a slideshow that not only has a variable sliderwidth="NUMpix" to control the width, but it is also contained in a table that has a width of 100%. This table and it's contents are in a frame that has the attribute of frameset rows="18%,*" ( so it goes 18% of the height of the screen, 100% of the width.

Now I need some help with defanitions and liquidation...

1)My overall goal is to totally liquify everything in the top frame. I am not entirely sure of how to go about it. Can someone help me out? I mean, in the JavaScript itself, why can't I specify sliderwidth to a %? Is there anyway to liquify this property?

2)When the images in this slideshow are seen in a resolution below 1024, they get cut off. They are called up in the script by: leftrightslide[7]='<a href="Morgan.htm"><img src="images/MBanner.gif" border=0></a>'. In the img tag, could I add the attributes width="%" and height="%" into this line to get a liquid slide show? I know that a % makes the object that % of it's container, but in this case is the img container the slideshow, the table, the frame, or what?{EDIT}--OR! What I COULD do, although I don't want to, is to make the top frame a static size in px while I liquify all of the others. This would solve all problems for people with different sized browsers in 1024 resolution, but all those in less than that would get a HUGE top frame. I DO KNOW WHAT THE MAIN PROBLEM IS NOW: The table is not resizing in different resolutions liquidly because the sliderheight is set to a px amount! Is there any possible way to make sliderheight and sliderwidth in a javascript to be a %?{EDIT}

3)How do I get a % value system set up to where the width to height ratio is still maintained? For example, if an image is contained in a cell, I know that I would make the img height and width = 100%, and then alter the container's (the cells) height and width attributes. How do I get to a correct ratio of px to px into % by %?


More questions to follow.....

Thanks!

-Ben

4)I am fairly unfamiliar with CSS, but I have heard that you can put font size into %...is this true? What is the % a % of? % of it's container? How would I alter font-size:12px; into %?

5)Can I turn the 600 and 200 into %?
{position:absolute; height:600; width:200; visibility:hidden;}

6)I have a form that I want to be sent to different people depending on the choice that is selected from a dropdown menu.
Right now, it is only e-mailing to one person, and the command to send to one person is in this webbot code.

<form method="POST" action="--WEBBOT-SELF--" onSubmit="return FrontPage_Form1_Validator(this)" name="FrontPage_Form1">
<!--webbot bot="SaveResults" startspan U-File="../_private/form_results.txt"
S-Format="TEXT/CSV" S-Label-Fields="TRUE" B-Reverse-Chronology="FALSE"
S-Email-Format="TEXT/PRE" S-Email-Address="clay@webpropertiesinc.com"
B-Email-Label-Fields="TRUE" S-Builtin-Fields U-Confirmation-Url="formYay.htm"
U-Validation-Error-Url="Form_Error.htm" --><strong>[FrontPage Save Results Component]</strong><!--webbot
bot="SaveResults" endspan -->

And my dropdown menue is as follows:

<td width="64%"><select size="1" name="Building_Name" onchange="document.FORMNAME.action=this.value">
<option>The Broadmoor</option>
<option>Eagle Ridge</option>
<option>Eastbrook</option>
<option>Opportunity Manor</option>
<option>Sullivan Gables</option>
</select></td>

I think the webbot is where i need to insert the code, but it may be in with the dropdown as well...anyone got any ideas of how I can accomplish a send command like this?

Thanks!

-Ben