Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations SkipVought on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Need webpage to fit entire screen regardless of resolution 1

Status
Not open for further replies.

flasher

Technical User
Mar 4, 2002
245
0
0
US
Hi, I was wondering if there is a script that will allow my page to fit the entire screen regardless of whether a user is on 800x600 or higher... I would like this page: designed in 800x600 to fit the whole screen, to fit the whole screen even in higher resolutions. Is there a script that will tell the page to "snap" to the size of the user's screen? thanks.
 
do you mean to resize to the full screen? if so:
Code:
<body
Code:
onLoad='window.resizeTo(screen.width,screen.height)'
Code:
></code>

hope it helps &quot;Those who dare to fail miserably can achieve greatly.&quot; - Robert F. Kennedy
So true..
 
Thanks for your quick response, Dookie2k2! Would you mind checking if I added it in correctly as I haven't noticed any difference... thanks!
 
hi flasher
I went to the link provided and it being many images means you are either going to have to resize your images onLoad to the screen.width and screen.height of the users resolution or simple center everything in a main table so it looks better in 1024* etc...

---------------------------------------
{ str = &quot;sleep is good for you. sleep gives you the energy you need to function&quot;;
ptr = /sleep/gi;Nstr = str.replace(ptr,&quot;coffee&quot;);alert(Nstr); }
---------------------------------------
for the best results to your questions: FAQ333-2924

 
thanks...What would be the script for resizing each image? sorry for such elementary questions...
 
it would be easier to just change the align='left' in your div that contains the table to align='center' than to make a script to resize every image, but if that doesnt suit then a script to resize the images could be done. &quot;Those who dare to fail miserably can achieve greatly.&quot; - Robert F. Kennedy
So true..
 
I usually do center my pages center but I felt this page would look better left aligned b/c the left edge of the grass needs to be against the left side of the page b/c it is a straight edge... if I center it, then even in 800x600, the grass will not be against the left edge and it'll be off.. that was my reasoning...
 
okie, heres the complete code, it resizes the images to what it should look like in 800*600 if the resolution isnt 800*600,i highlited the changes -- :
Code:
<html>
<head>
<title>Welcome to Cheers Party Rentals, Inc,  Wedding Supplies, Moonbounces, Party Accessories, Baltimore, MD.</title>
<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;>
<META NAME=&quot;DESCRIPTION&quot; CONTENT=&quot;Cheers Party Rentals and supplies in Baltimore, MD.&quot;>
<META NAME=&quot;KEYWORDS&quot; CONTENT=&quot;Party Rental Company,Party,party accessories,tent accessories,tables and chairs,moon bounces,moonbounces,stages,wedding supplies&quot;>
<META NAME=&quot;OWNER&quot; CONTENT=&quot;info@webkonnector.com&quot;>
<META NAME=&quot;AUTHOR&quot; CONTENT=&quot;Rochel Woolf&quot;>
<META HTTP-EQUIV=&quot;EXPIRES&quot; CONTENT=&quot;&quot;>
<META HTTP-EQUIV=&quot;CHARSET&quot; CONTENT=&quot;ISO-8859-1&quot;>
<META HTTP-EQUIV=&quot;CONTENT-LANGUAGE&quot; CONTENT=&quot;English&quot;>
<META HTTP-EQUIV=&quot;VW96.OBJECT TYPE&quot; CONTENT=&quot;Document&quot;>
<META NAME=&quot;RATING&quot; CONTENT=&quot;General&quot;>
<META NAME=&quot;ROBOTS&quot; CONTENT=&quot;index,follow&quot;>
<META NAME=&quot;REVISIT-AFTER&quot; CONTENT=&quot;4 weeks&quot;>



<SCRIPT LANGUAGE=&quot;JavaScript1.2&quot;>
<!--
/*
Document firework script (By Matt Gabbert, mgabbert@usrtoday.com, [URL unfurl="true"]http://www.nolag.com)[/URL]
Permission granted to Dynamic Drive to feature script in archive
For full source and 100's more DHTML scripts, visit [URL unfurl="true"]http://dynamicdrive.com[/URL]
*/

//set Interval between each firework display, 
var intervals=500
var sparksOn     = true;
var speed        = 40;
var power        = 3;

//Dont change these values-------
var documentWidth=documentHeight=randomx=randomy=leftcorner=topcorner=0
var ns=(document.layers);
var ie=(document.all);
var ns6=(document.getElementById&&!document.all);
var sparksAflyin = false;
var allDivs      = new Array(10);
var totalSparks  = 0;
//-------------------------------
Code:
function reSizeImgs()
{
if (screen.height != 600 && screen.width != 800){
for (x=0;x<document.images.length;x++)
	{
	nHeight = screen.height / 600;
	nWidth = screen.width / 800;
	document.images[x].height = (document.images[x].height * nHeight);
	document.images[x].width = (document.images[x].width * nWidth);
	}
}
}
Code:
function initAll(){
	if(!ns && !ie &&!ns6){
	sparksOn = false;
	return;
	}
setInterval(&quot;firework()&quot;,intervals)

if (ns)
	document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE);
	for(dNum=0; dNum<7; ++dNum){
		if(ie)
			allDivs[dNum]=eval('document.all.sDiv'+dNum+'.style');
                else if (ns6)
                        allDivs[dNum]=document.getElementById('sDiv'+dNum).style;
		else
			allDivs[dNum]=eval('document.layers[&quot;sDiv'+dNum+'&quot;]');
	}
}

function firework(){
//below code detects the browser dimenions
if (ie){
documentWidth=document.body.clientWidth
documentHeight=document.body.clientHeight
leftcorner=document.body.scrollLeft
topcorner=document.body.scrollTop
}
else if (ns||ns6){
documentWidth=window.innerWidth
documentHeight=window.innerHeight
leftcorner=pageXOffset
topcorner=pageYOffset

}
//below code randomly generates a set of coordinates that fall within the dimension
randomx=leftcorner+Math.floor(Math.random()*documentWidth)
randomy=topcorner+Math.floor(Math.random()*documentHeight)


	if(sparksOn){
		if(!sparksAflyin){
			sparksAflyin=true;
			totalSparks=0;
			for(var spark=0;spark<=6;spark++){
				dx=Math.round(Math.random()*50);
				dy=Math.round(Math.random()*50);
				moveTo(spark,randomx,randomy,dx,dy);
			}
		}
	}
}

function moveTo(i,tempx,tempy,dx,dy){
	if(ie){
		if(tempy+80>(document.body.offsetHeight+document.body.scrollTop))
			tempy=document.body.offsetHeight+document.body.scrollTop-80;
		if(tempx+80>(document.body.offsetWidth+document.body.scrollLeft))
			tempx=document.body.offsetWidth+document.body.scrollLeft-80;
	}
	else if(ns6){
		if(tempy+80>(window.innerHeight+pageYOffset))
			tempy=window.innerHeight+pageYOffset-80;
		if(tempx+80>(window.innerWidth+pageXOffset))
			tempx=window.innerWidth+pageXOffset-80;
	}
	if(tempx>-50&&tempy>-50){
		tempx+=dx;tempy+=dy;	
		allDivs[i].left=tempx;
		allDivs[i].top=tempy;
		dx-=power;dy-=power;
		setTimeout(&quot;moveTo(&quot;+i+&quot;,&quot;+tempx+&quot;,&quot;+tempy+&quot;,&quot;+dx+&quot;,&quot;+dy+&quot;)&quot;,speed)
	}
	else
		++totalSparks
	if(totalSparks==7){
		sparksAflyin=false;
		totalSparks=0;
	}
}

//End-->

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf(&quot;#&quot;)!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf(&quot;?&quot;))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v3.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == &quot;init&quot; && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == &quot;over&quot;) {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : args[i+1];
      nbArr[nbArr.length] = img;
    }
  } else if (event == &quot;out&quot; ) {
    for (i=0; i < document.MM_nbOver.length; i++) {
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == &quot;down&quot;) {
    if ((nbArr = document[grpName]) != null)
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = args[i+1];
      nbArr[nbArr.length] = img;
  } }
}
//-->
</script>

<style>
#sDiv0 {position:absolute; height:1; width:1; font-
family:arial black; font-size:15px; color:Aqua; z-index:9;}
#sDiv1 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:red; z-index:10;}
#sDiv2 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:blue; z-index:11;}
#sDiv3 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:orange; z-index:12;}
#sDiv4 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:yellow; z-index:13;}
#sDiv5 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:lightgreen; z-index:14;}
#sDiv6 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:silver; z-index:15;}
</style>
</head>

<body bgcolor=&quot;#B0E6FF&quot; text=&quot;#000000&quot; leftmargin=&quot;0&quot; 
marginwidth=&quot;0&quot; onLoad=
Code:
reSizeImgs
();
Code:
window.resizeTo
(screen.width,screen.height);initAll();&quot;&quot;;MM_preloadImages
('subimages/cartoon_r12_c15_f3.jpg','subimages/cartoon_r12_c
15_f2.jpg','subimages/cartoon_r12_c15_f4.jpg','subimages/car
toon2_r2_c3_f3.gif','subimages/cartoon2_r2_c3_f2.gif','subim
ages/cartoon2_r2_c3_f4.gif','subimages/cartoon2_r3_c4_f3.gif
','subimages/cartoon2_r3_c4_f2.gif','subimages/cartoon2_r3_c
4_f4.gif','subimages/cartoon2_r6_c5_f3.gif','subimages/carto
on2_r6_c5_f2.gif','subimages/cartoon2_r6_c5_f4.gif','subimag
es/cartoon2_r8_c12_f3.gif','subimages/cartoon2_r8_c12_f2.gif
','subimages/cartoon2_r8_c12_f4.gif','subimages/cartoon2_r10
_c2_f3.gif','subimages/cartoon2_r10_c2_f2.gif','subimages/ca
rtoon2_r10_c2_f4.gif','subimages/cartoon2_r7_c12_f3.gif','su
bimages/cartoon2_r7_c12_f2.gif','subimages/cartoon2_r7_c12_f
4.gif') topmargin=&quot;0&quot; marginheight=&quot;0&quot;>
<script language=&quot;JavaScript&quot;>
<!-- hide from old browsers
var MSIE=((navigator.userAgent.indexOf(&quot;MSIE&quot;))!=-1);
var NETSCAPE=((navigator.userAgent.indexOf(&quot;Mozilla&quot;))!=-1);
var OPERA=((navigator.userAgent.indexOf(&quot;Opera&quot;))!=-1);
if((MSIE) | (OPERA)) {
document.writeln(&quot;<BGSOUND SRC='cheersFinal2xYitzCutFade.mid' >&quot;)
} else {
document.writeln(&quot;<EMBED SRC='cheersFinal2xYitzCutFade.mid' AUTOSTART=true HIDDEN=true VOLUME=100 >&quot;)
}
file://-->
</script>

<div id=&quot;sDiv0&quot;>*</div>
<div id=&quot;sDiv1&quot;>*</div>
<div id=&quot;sDiv2&quot;>*</div>
<div id=&quot;sDiv3&quot;>*</div>
<div id=&quot;sDiv4&quot;>*</div>
<div id=&quot;sDiv5&quot;>*</div>
<div id=&quot;sDiv6&quot;>*</div>



<div align=&quot;left&quot;>
  <table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;774&quot; valign='middle'>
    <!-- fwtable fwsrc=&quot;cartoon2.png&quot; fwbase=&quot;cartoon2.gif&quot; fwstyle=&quot;Dreamweaver&quot; fwdocid = &quot;742308039&quot; fwnested=&quot;0&quot; -->
    <tr> 
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;15&quot; height=&quot;1&quot; border=&quot;0&quot;></td>
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;15&quot; height=&quot;1&quot; border=&quot;0&quot;></td>
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;1&quot; height=&quot;1&quot; border=&quot;0&quot;></td>
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;1&quot; height=&quot;1&quot; border=&quot;0&quot;></td>
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;90&quot; height=&quot;1&quot; border=&quot;0&quot;></td>
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;1&quot; height=&quot;1&quot; border=&quot;0&quot;></td>
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;1&quot; height=&quot;1&quot; border=&quot;0&quot;></td>
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;4&quot; height=&quot;1&quot; border=&quot;0&quot;></td>
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;196&quot; height=&quot;1&quot; border=&quot;0&quot;></td>
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;216&quot; height=&quot;1&quot; border=&quot;0&quot;></td>
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;47&quot; height=&quot;1&quot; border=&quot;0&quot;></td>
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;136&quot; height=&quot;1&quot; border=&quot;0&quot;></td>
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;51&quot; height=&quot;1&quot; border=&quot;0&quot;></td>
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;1&quot; height=&quot;1&quot; border=&quot;0&quot;></td>
    </tr>
    <tr> 
      <td rowspan=&quot;3&quot; colspan=&quot;2&quot;><img name=&quot;cartoon2_r1_c1&quot; src=&quot;subimages/cartoon2_r1_c1.gif&quot; width=&quot;30&quot; height=&quot;108&quot; border=&quot;0&quot;></td>
      <td><img name=&quot;cartoon2_r1_c3&quot; src=&quot;subimages/cartoon2_r1_c3.gif&quot; width=&quot;1&quot; height=&quot;20&quot; border=&quot;0&quot;></td>
      <td colspan=&quot;2&quot;><img name=&quot;cartoon2_r1_c4&quot; src=&quot;subimages/cartoon2_r1_c4.gif&quot; width=&quot;91&quot; height=&quot;20&quot; border=&quot;0&quot;></td>
      <td rowspan=&quot;2&quot;><img name=&quot;cartoon2_r1_c6&quot; src=&quot;subimages/cartoon2_r1_c6.gif&quot; width=&quot;1&quot; height=&quot;106&quot; border=&quot;0&quot;></td>
      <td rowspan=&quot;3&quot; colspan=&quot;3&quot;><img name=&quot;cartoon2_r1_c7&quot; src=&quot;subimages/cartoon2_r1_c7.gif&quot; width=&quot;201&quot; height=&quot;108&quot; border=&quot;0&quot;></td>
      <td rowspan=&quot;3&quot;><img name=&quot;cartoon2_r1_c10&quot; src=&quot;subimages/cartoon2_r1_c10.gif&quot; width=&quot;216&quot; height=&quot;108&quot; border=&quot;0&quot;></td>
      <td rowspan=&quot;3&quot; colspan=&quot;3&quot;><img name=&quot;cartoon2_r1_c11&quot; src=&quot;subimages/cartoon2_r1_c11.gif&quot; width=&quot;234&quot; height=&quot;108&quot; border=&quot;0&quot;></td>
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;1&quot; height=&quot;20&quot; border=&quot;0&quot;></td>
    </tr>
    <tr> 
      <td colspan=&quot;3&quot;><a href=&quot;pages/tables.htm&quot; onMouseOut=&quot;MM_nbGroup('out');&quot;  onMouseOver=&quot;MM_nbGroup('over','cartoon2_r2_c3','subimages/cartoon2_r2_c3_f2.gif','subimages/cartoon2_r2_c3_f4.gif',1)&quot;  onClick=&quot;MM_nbGroup('down','navbar1','cartoon2_r2_c3','subimages/cartoon2_r2_c3_f3.gif',1)&quot; ><img name=&quot;cartoon2_r2_c3&quot; src=&quot;subimages/cartoon2_r2_c3.gif&quot; width=&quot;92&quot; height=&quot;86&quot; border=&quot;0&quot; alt=&quot;Tables, Chairs and Linen Tablecloths&quot;></a></td>
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;1&quot; height=&quot;86&quot; border=&quot;0&quot;></td>
    </tr>
    <tr> 
      <td rowspan=&quot;7&quot;><img name=&quot;cartoon2_r3_c3&quot; src=&quot;subimages/cartoon2_r3_c3.gif&quot; width=&quot;1&quot; height=&quot;205&quot; border=&quot;0&quot;></td>
      <td rowspan=&quot;2&quot; colspan=&quot;3&quot;><a href=&quot;pages/tents.htm&quot; onMouseOut=&quot;MM_nbGroup('out');&quot;  onMouseOver=&quot;MM_nbGroup('over','cartoon2_r3_c4','subimages/cartoon2_r3_c4_f2.gif','subimages/cartoon2_r3_c4_f4.gif',1)&quot;  onClick=&quot;MM_nbGroup('down','navbar1','cartoon2_r3_c4','subimages/cartoon2_r3_c4_f3.gif',1)&quot; ><img name=&quot;cartoon2_r3_c4&quot; src=&quot;subimages/cartoon2_r3_c4.gif&quot; width=&quot;92&quot; height=&quot;100&quot; border=&quot;0&quot; alt=&quot;Tents, Staging and Wedding Accessories&quot;></a></td>
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;1&quot; height=&quot;2&quot; border=&quot;0&quot;></td>
    </tr>
    <tr> 
      <td rowspan=&quot;2&quot; colspan=&quot;2&quot;><img name=&quot;cartoon2_r4_c1&quot; src=&quot;subimages/cartoon2_r4_c1.gif&quot; width=&quot;30&quot; height=&quot;108&quot; border=&quot;0&quot;></td>
      <td><img name=&quot;cartoon2_r4_c7&quot; src=&quot;subimages/cartoon2_r4_c7.gif&quot; width=&quot;1&quot; height=&quot;98&quot; border=&quot;0&quot;></td>
      <td rowspan=&quot;3&quot; colspan=&quot;2&quot;><img name=&quot;cartoon2_r4_c8&quot; src=&quot;subimages/cartoon2_r4_c8.gif&quot; width=&quot;200&quot; height=&quot;153&quot; border=&quot;0&quot;></td>
      <td rowspan=&quot;3&quot;><img name=&quot;cartoon2_r4_c10&quot; src=&quot;subimages/cartoon2_r4_c10.gif&quot; width=&quot;216&quot; height=&quot;153&quot; border=&quot;0&quot;></td>
      <td rowspan=&quot;3&quot; colspan=&quot;3&quot;><img name=&quot;cartoon2_r4_c11&quot; src=&quot;subimages/cartoon2_r4_c11.gif&quot; width=&quot;234&quot; height=&quot;153&quot; border=&quot;0&quot;></td>
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;1&quot; height=&quot;98&quot; border=&quot;0&quot;></td>
    </tr>
    <tr> 
      <td colspan=&quot;4&quot;><img name=&quot;cartoon2_r5_c4&quot; src=&quot;subimages/cartoon2_r5_c4.gif&quot; width=&quot;93&quot; height=&quot;10&quot; border=&quot;0&quot;></td>
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;1&quot; height=&quot;10&quot; border=&quot;0&quot;></td>
    </tr>
    <tr> 
      <td rowspan=&quot;4&quot; colspan=&quot;2&quot;><img name=&quot;cartoon2_r6_c1&quot; src=&quot;subimages/cartoon2_r6_c1.gif&quot; width=&quot;30&quot; height=&quot;95&quot; border=&quot;0&quot;></td>
      <td rowspan=&quot;3&quot;><img name=&quot;cartoon2_r6_c4&quot; src=&quot;subimages/cartoon2_r6_c4.gif&quot; width=&quot;1&quot; height=&quot;86&quot; border=&quot;0&quot;></td>
      <td rowspan=&quot;3&quot; colspan=&quot;3&quot;><a href=&quot;pages/funfoods.htm&quot; onMouseOut=&quot;MM_nbGroup('out');&quot;  onMouseOver=&quot;MM_nbGroup('over','cartoon2_r6_c5','subimages/cartoon2_r6_c5_f2.gif','subimages/cartoon2_r6_c5_f4.gif',1)&quot;  onClick=&quot;MM_nbGroup('down','navbar1','cartoon2_r6_c5','subimages/cartoon2_r6_c5_f3.gif',1)&quot; ><img name=&quot;cartoon2_r6_c5&quot; src=&quot;subimages/cartoon2_r6_c5.gif&quot; width=&quot;92&quot; height=&quot;86&quot; border=&quot;0&quot; alt=&quot;Amusement, Fun Food, and Hospitality&quot;></a></td>
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;1&quot; height=&quot;45&quot; border=&quot;0&quot;></td>
    </tr>
    <tr> 
      <td rowspan=&quot;3&quot; colspan=&quot;2&quot;><img name=&quot;cartoon2_r7_c8&quot; src=&quot;subimages/cartoon2_r7_c8.gif&quot; width=&quot;200&quot; height=&quot;50&quot; border=&quot;0&quot;></td>
      <td rowspan=&quot;3&quot;><img name=&quot;cartoon2_r7_c10&quot; src=&quot;subimages/cartoon2_r7_c10.gif&quot; width=&quot;216&quot; height=&quot;50&quot; border=&quot;0&quot;></td>
      <td rowspan=&quot;3&quot;><img name=&quot;cartoon2_r7_c11&quot; src=&quot;subimages/cartoon2_r7_c11.gif&quot; width=&quot;47&quot; height=&quot;50&quot; border=&quot;0&quot;></td>
      <td><img name=&quot;cartoon2_r7_c12&quot; src=&quot;subimages/cartoon2_r7_c12.gif&quot; width=&quot;136&quot; height=&quot;1&quot; border=&quot;0&quot;></td>
      <td rowspan=&quot;6&quot;><img name=&quot;cartoon2_r7_c13&quot; src=&quot;subimages/cartoon2_r7_c13.gif&quot; width=&quot;51&quot; height=&quot;159&quot; border=&quot;0&quot; usemap=&quot;#cartoon2_r7_c13Map&quot;></td>
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;1&quot; height=&quot;1&quot; border=&quot;0&quot;></td>
    </tr>
    <tr> 
      <td rowspan=&quot;4&quot;><a href=&quot;#&quot; onMouseOut=&quot;MM_nbGroup('out');&quot;  onMouseOver=&quot;MM_nbGroup('over','cartoon2_r8_c12','subimages/cartoon2_r7_c12_f2.gif','subimages/cartoon2_r7_c12_f4.gif',1)&quot;  onClick=&quot;window.open('[URL unfurl="true"]http://www.cheersparty.com/pages/Review[/URL] by Digital City.com.htm','Popup','width=420 ,height=310,scrollbars=No,resizable=No,menubar=No,toolbar=No,status=No');MM_nbGroup('down','navbar1','cartoon2_r8_c12','subimages/cartoon2_r7_c12_f3.gif',1); &quot; ><img name=&quot;cartoon2_r8_c12&quot; src=&quot;subimages/cartoon2_r8_c12.gif&quot; width=&quot;136&quot; height=&quot;135&quot; border=&quot;0&quot; alt=&quot;A review by Digital City.com&quot;></a></td>
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;1&quot; height=&quot;40&quot; border=&quot;0&quot;></td>
    </tr>
    <tr> 
      <td colspan=&quot;4&quot;><img name=&quot;cartoon2_r9_c4&quot; src=&quot;subimages/cartoon2_r9_c4.gif&quot; width=&quot;93&quot; height=&quot;9&quot; border=&quot;0&quot;></td>
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;1&quot; height=&quot;9&quot; border=&quot;0&quot;></td>
    </tr>
    <tr> 
      <td><img name=&quot;cartoon2_r10_c1&quot; src=&quot;subimages/cartoon2_r10_c1.gif&quot; width=&quot;15&quot; height=&quot;85&quot; border=&quot;0&quot;></td>
      <td rowspan=&quot;2&quot; colspan=&quot;7&quot;><a href=&quot;pages/services.htm&quot; onMouseOut=&quot;MM_nbGroup('out');&quot;  onMouseOver=&quot;MM_nbGroup('over','cartoon2_r10_c2','subimages/cartoon2_r10_c2_f2.gif','subimages/cartoon2_r10_c2_f4.gif',1)&quot;  onClick=&quot;MM_nbGroup('down','navbar1','cartoon2_r10_c2','subimages/cartoon2_r10_c2_f3.gif',1)&quot; ><img name=&quot;cartoon2_r10_c2&quot; src=&quot;subimages/cartoon2_r10_c2.gif&quot; width=&quot;113&quot; height=&quot;86&quot; border=&quot;0&quot; alt=&quot;Services and Rental Policies&quot;></a></td>
      <td rowspan=&quot;3&quot;><img name=&quot;cartoon2_r10_c9&quot; src=&quot;subimages/cartoon2_r10_c9.gif&quot; width=&quot;196&quot; height=&quot;109&quot; border=&quot;0&quot;></td>
      <td rowspan=&quot;3&quot; colspan=&quot;2&quot;><img name=&quot;cartoon2_r10_c10&quot; src=&quot;subimages/cartoon2_r10_c10.gif&quot; width=&quot;263&quot; height=&quot;109&quot; border=&quot;0&quot;></td>
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;1&quot; height=&quot;85&quot; border=&quot;0&quot;></td>
    </tr>
    <tr> 
      <td rowspan=&quot;2&quot;><img name=&quot;cartoon2_r11_c1&quot; src=&quot;subimages/cartoon2_r11_c1.gif&quot; width=&quot;15&quot; height=&quot;24&quot; border=&quot;0&quot;></td>
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;1&quot; height=&quot;1&quot; border=&quot;0&quot;></td>
    </tr>
    <tr> 
      <td colspan=&quot;7&quot;><img name=&quot;cartoon2_r12_c2&quot; src=&quot;subimages/cartoon2_r12_c2.gif&quot; width=&quot;113&quot; height=&quot;23&quot; border=&quot;0&quot;></td>
      <td><img name=&quot;cartoon2_r12_c12&quot; src=&quot;subimages/cartoon2_r12_c12.gif&quot; width=&quot;136&quot; height=&quot;23&quot; border=&quot;0&quot; usemap=&quot;#cartoon2_r12_c12Map&quot;></td>
      <td><img src=&quot;subimages/spacer.gif&quot; width=&quot;1&quot; height=&quot;23&quot; border=&quot;0&quot;></td>
    </tr>
  </table>
</div>
<map name=&quot;cartoon2_r12_c12Map&quot;> 
  <area shape=&quot;rect&quot; coords=&quot;59,11,181,27&quot; href=&quot;mailto:info@webkonnector.com&quot; alt=&quot;Web Konnector Studio&quot; title=&quot;Web Konnector Studio&quot;>
</map>
<map name=&quot;cartoon2_r7_c13Map&quot;> 
  <area shape=&quot;rect&quot; coords=&quot;-12,147,39,166&quot; href=&quot;mailto:info@webkonnector.com&quot; alt=&quot;Web Konnector Studio&quot; title=&quot;Web Konnector Studio&quot; target=&quot;_blank&quot;>
</map>
</body>
</html>
hope it helps &quot;Those who dare to fail miserably can achieve greatly.&quot; - Robert F. Kennedy
So true..
 
Wow. thanks for the detailed reply! I don't think I can use it in the end b/c while it does enlarge it to the right size, all the images become slightly distorted and unclear. If that is the only way to do it, then i'll stick with what I have. But thanks anyway!
 
one thing that you may want to add for netscape , it sees the height less by 19 pixels if you are using Netscape 4x
This code basically

if (navigator.appVersion.indexOf(&quot;4.&quot;) != -1 &&
navigator.appName.indexOf(&quot;Explorer&quot;) != -1) {
Scrnht = screen.height;
}
if (navigator.appVersion.indexOf(&quot;4.&quot;) != -1 &&
navigator.appName.indexOf(&quot;Netscape&quot;) != -1) {
Scrnht = (screen.height + 19);
}
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top