sidorak95
07-12-2008, 04:44 PM
I'm redesigning my site(Yes, again!) and I downloaded a Slide show creator from Microsoft Power Tools (http://www.microsoft.com/windowsxp/Downloads/powertoys/Xppowertoys.mspx). I got the result but i need to re-size it. If it were without percents, I wouldn't be posting this so unfortunately, it uses percents. Could any one please tell me what percent I should change the percents to if I wanted it to be 421x321? Thanks!
Here's the code (http://www.fungamesuniverse.com/Untitled.txt) in the <head> tags
And in the <body>:
<div id=welcome>
<table style="height: 85%; width: 100%">
<tr valign=center>
<td align=center>
<div style="font-family: Trebuchet MS, Arial, sans-serif">
<h1><font color="#FFFFFF">Riddle School 2</font></h1>
<h2><font color="#FFFFFF">by</font></h2><h2><font color="#FFFFFF">FunGamesUniverse.Com</font></h2>
<h2><font color="#FFFFFF">Click <a href="html/0.htm">here</a> to watch the slideshow.</font></h2>
</div>
<td/>
</tr>
</table>
<table style="height: 85%; width: 100%">
<tr valign=top>
<td align=right>
<a href="http://go.microsoft.com/fwlink/?LinkId=4448"><font color="#FFFFFF"><img border=0 src="images/branding.gif" width="285" height="33"></font></a>
</td>
</tr>
</table>
</div>
<div id=welcome2 style="display:none">
<table style="height: 85%; width: 100%">
<tr valign=center>
<td align=center>
<div style="font-family: Trebuchet MS, Arial, sans-serif">
<h1><font color="#FFFFFF">Riddle School 2</font></h1>
<h2><font color="#FFFFFF">by</font></h2><h2><font color="#FFFFFF">FunGamesUniverse.Com</font></h2>
<h2></h2>
<div style="font-family: Trebuchet MS, Arial, sans-serif; cursor: hand; color:#03a0fc" onclick="Slideshow('launch')" ;><font color="#FFFFFF">Click here</font></div> <font color="#FFFFFF"> to watch the slideshow.</font>
</div>
</td>
</tr>
</table>
<table style="height: 50; width: 100%">
<tr valign=top>
<td align=right>
<a href="http://go.microsoft.com/fwlink/?LinkId=4448"><font color="#FFFFFF"><img border=0 src="images/branding.gif" width="285" height="33"></font></a>
</td>
</tr>
</table>
</div>
<table id=controls style="height: 50; width: 100%; display:none" cellspacing=0 cellpadding=0>
<tr>
<td width="20"><font color="#FFFFFF"> </font></td>
<td>
<table id=advcontrols style="cursor: hand; font-size: 12pt; color:#03a0fc; font-family: Trebuchet MS, Arial, sans-serif">
<td width=100 id=advcontrols1 style='color:#03a0fc' onclick='Slideshow()'><font color="#FFFFFF">Slide Show</font></td>
<td width=100 id=advcontrols2 style='color:#03a0fc' onclick='Film()'><font color="#FFFFFF">Filmstrip</font></td>
<td width=100 id=advcontrols3 style='color:#03a0fc' onclick='Contact()'><font color="#FFFFFF">Previews</font></td>
</table>
</td>
<td width="32%" id=slideshowbuttons>
<p align="center">
<font color="#FFFFFF">
<img id=stopButton type=button style="visibility:hidden; Filter:revealTrans(duration=1)" onclick="exitButton()" width="0" height="32" align="right">
<img id=forwButton type=button style="cursor: hand; Filter:revealTrans(duration=1)" value="Forward" onclick="nextImageButton()" width="32" height="32" align="right">
<img id=runButton type=button style="cursor: hand; Filter:revealTrans(duration=1)" value="Play" onclick="runSlidesButton()" width="32" height="32" align="right">
<img id=prevButton type=button style="cursor: hand; Filter:revealTrans(duration=1)" value = "Back" onclick="prevImageButton()" width="32" height="32" align="right">
</font>
</td>
</table>
<div id=contact style="width: 100%; display: none"></div>
<table id=slideshow style="height:85%; width: 100%; display: none">
<tr align=center>
<td valign=center><font color="#FFFFFF"><img id=slidemain style="Filter:revealTrans(duration=1)" onclick=slideClick() src="">
</font>
</table>
<table id=film style="width: 100%; display: none">
<tr align=center><td valign=center><font color="#FFFFFF"><img alt="" onclick=nextFilmImage() id=filmmain src="">
</font>
</table>
<div id=filmthumbs style="width: 100%; height: 150; display:none; overflow-y: none; overflow-x:scroll"> </div><p align="left">
Here's the code (http://www.fungamesuniverse.com/Untitled.txt) in the <head> tags
And in the <body>:
<div id=welcome>
<table style="height: 85%; width: 100%">
<tr valign=center>
<td align=center>
<div style="font-family: Trebuchet MS, Arial, sans-serif">
<h1><font color="#FFFFFF">Riddle School 2</font></h1>
<h2><font color="#FFFFFF">by</font></h2><h2><font color="#FFFFFF">FunGamesUniverse.Com</font></h2>
<h2><font color="#FFFFFF">Click <a href="html/0.htm">here</a> to watch the slideshow.</font></h2>
</div>
<td/>
</tr>
</table>
<table style="height: 85%; width: 100%">
<tr valign=top>
<td align=right>
<a href="http://go.microsoft.com/fwlink/?LinkId=4448"><font color="#FFFFFF"><img border=0 src="images/branding.gif" width="285" height="33"></font></a>
</td>
</tr>
</table>
</div>
<div id=welcome2 style="display:none">
<table style="height: 85%; width: 100%">
<tr valign=center>
<td align=center>
<div style="font-family: Trebuchet MS, Arial, sans-serif">
<h1><font color="#FFFFFF">Riddle School 2</font></h1>
<h2><font color="#FFFFFF">by</font></h2><h2><font color="#FFFFFF">FunGamesUniverse.Com</font></h2>
<h2></h2>
<div style="font-family: Trebuchet MS, Arial, sans-serif; cursor: hand; color:#03a0fc" onclick="Slideshow('launch')" ;><font color="#FFFFFF">Click here</font></div> <font color="#FFFFFF"> to watch the slideshow.</font>
</div>
</td>
</tr>
</table>
<table style="height: 50; width: 100%">
<tr valign=top>
<td align=right>
<a href="http://go.microsoft.com/fwlink/?LinkId=4448"><font color="#FFFFFF"><img border=0 src="images/branding.gif" width="285" height="33"></font></a>
</td>
</tr>
</table>
</div>
<table id=controls style="height: 50; width: 100%; display:none" cellspacing=0 cellpadding=0>
<tr>
<td width="20"><font color="#FFFFFF"> </font></td>
<td>
<table id=advcontrols style="cursor: hand; font-size: 12pt; color:#03a0fc; font-family: Trebuchet MS, Arial, sans-serif">
<td width=100 id=advcontrols1 style='color:#03a0fc' onclick='Slideshow()'><font color="#FFFFFF">Slide Show</font></td>
<td width=100 id=advcontrols2 style='color:#03a0fc' onclick='Film()'><font color="#FFFFFF">Filmstrip</font></td>
<td width=100 id=advcontrols3 style='color:#03a0fc' onclick='Contact()'><font color="#FFFFFF">Previews</font></td>
</table>
</td>
<td width="32%" id=slideshowbuttons>
<p align="center">
<font color="#FFFFFF">
<img id=stopButton type=button style="visibility:hidden; Filter:revealTrans(duration=1)" onclick="exitButton()" width="0" height="32" align="right">
<img id=forwButton type=button style="cursor: hand; Filter:revealTrans(duration=1)" value="Forward" onclick="nextImageButton()" width="32" height="32" align="right">
<img id=runButton type=button style="cursor: hand; Filter:revealTrans(duration=1)" value="Play" onclick="runSlidesButton()" width="32" height="32" align="right">
<img id=prevButton type=button style="cursor: hand; Filter:revealTrans(duration=1)" value = "Back" onclick="prevImageButton()" width="32" height="32" align="right">
</font>
</td>
</table>
<div id=contact style="width: 100%; display: none"></div>
<table id=slideshow style="height:85%; width: 100%; display: none">
<tr align=center>
<td valign=center><font color="#FFFFFF"><img id=slidemain style="Filter:revealTrans(duration=1)" onclick=slideClick() src="">
</font>
</table>
<table id=film style="width: 100%; display: none">
<tr align=center><td valign=center><font color="#FFFFFF"><img alt="" onclick=nextFilmImage() id=filmmain src="">
</font>
</table>
<div id=filmthumbs style="width: 100%; height: 150; display:none; overflow-y: none; overflow-x:scroll"> </div><p align="left">