i'm trying to make a table that appears skewed. preferably, the table would resize dynamically with the user's resolution (e.g. <td width=20%>), so that everything remains the way it should be and not disjointed.<br />
<br />
attached is a zip of the images and css (to be installed into a folder named "css") that i am using.<br />
<br />
hopefully when you see it, you'll understand what i'm talking about.<br />
<br />
as always, TIA...<!--content-->Can't get you working example right now, but if you set the width of the 'table1_2' and 'table3_2' images then you will control the width of table. You don't have to touch any other images except the above two.<br />
<br />
an example will be to set up a setInterval function which calls itself every 30 miliseconds and adjust itself to:<br />
the screen width - 200 (if the corners are 100 wide each as in your example), e.g.<br />
<br />
<br />
function resize(){<br />
document.all["img1"].style.width = screenWidth-200;<br />
document.all["img2"].style.width = screenWidth-200;<br />
}<br />
handle = setInterval("resize()",30);<!--content-->
<br />
attached is a zip of the images and css (to be installed into a folder named "css") that i am using.<br />
<br />
hopefully when you see it, you'll understand what i'm talking about.<br />
<br />
as always, TIA...<!--content-->Can't get you working example right now, but if you set the width of the 'table1_2' and 'table3_2' images then you will control the width of table. You don't have to touch any other images except the above two.<br />
<br />
an example will be to set up a setInterval function which calls itself every 30 miliseconds and adjust itself to:<br />
the screen width - 200 (if the corners are 100 wide each as in your example), e.g.<br />
<br />
<br />
function resize(){<br />
document.all["img1"].style.width = screenWidth-200;<br />
document.all["img2"].style.width = screenWidth-200;<br />
}<br />
handle = setInterval("resize()",30);<!--content-->