chrometweaks.org

What are some good professional iPage web hosting Companies ?

Click Here To View All Answers...


My question is What are some good professional iPage web hosting Companies ? Hoping for any answer. My other question... I am tring to tile an image down the left and right side in tables with a back ground image in the body..

Can anyone take a look at this and tell what I doing wrong.

Here's my code.

<html>.

<head>.

<title>Rwb test page</title>.

<style type="text/css">.

Body{background-color:f5fffa;background-image:url(C:\WEB Outlet esting\ScenicRiver500wx250hlt.jpg);background-repeat:no-repeat;background-attachment:scroll;background-position:150px 150px;}.

.birch {background-image:url(C:\WEB Outlet esting\BirchBack120wx100h.jpg);background-repeat:repeat;background-attachment:scroll;!important}.

</style>.

</head>.

<body>.

<!text effects############################################>.

<style type="text/css">.

<!.

.textanimlink,a {.

Text-decoration : none;.

}.

P.main {.

Font-family : Arial;.

Font-size : 24pt;.

Font-weight : bold;.

}.

>.

</style>.

<Script Language="Javascript">.

<! Hiding.

/*.

Script created by Lefteris Haritou.

(.

*/.

Bname=navigator.appName;.

Bversion=parseInt(navigator.appVersion).

If ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)).

Window.onload=start.

Else.

Stop();.

Window.onunload=stop.

If (bname=="Netscape"){.

Brows=true.

Dt=2.

}.

Else{.

Brows=false.

Dt=20.

}.

Var z=0;.

Var msg=0;.

Var rgb=0;.

Var link=false;.

Var status=true;.

Var updwn=false;.

Var message= new Array();.

Var value=0;.

Var h=window.innerHeight;.

Var w=window.innerWidth;.

Var timer1;.

Var timer2;.

Var timer3;.

Var convert = new Array().

Var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");.

// Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines below).

Var bgcolor="#FFFFFF"; //Color of background.

Var color="#000000"; //Color of the Letters.

Message[0]=' Bear Necessities '.

Message[1]=' Quality Carvings '.

Message[2]=' Rustic Furniture '.

Message[2]=' Pyrographic Art(Woodburning) '.

Message[2]=' Custom Stump Scluptures '.

Message[3]=' Visit our showroom '.

Message[4]=' Up North '.

Message[5]=' Where you want to be '.

// Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines above).

For (x=0; x<16; x++){.

For (y=0; y<16; y++){.

Convert[value]= hexbase[x] + hexbase[y];.

Value++;.

}.

}.

Redx=color.substring(1,3);.

Greenx=color.substring(3,5);.

Bluex=color.substring(5,7);.

Hred=eval(parseInt(redx,16));.

Hgreen=eval(parseInt(greenx,16));.

Hblue=eval(parseInt(bluex,16));.

Eredx=bgcolor.substring(1,3);.

Egreenx=bgcolor.substring(3,5);.

Ebluex=bgcolor.substring(5,7);.

Ered=eval(parseInt(eredx,16));.

Egreen=eval(parseInt(egreenx,16));.

Eblue=eval(parseInt(ebluex,16));.

Red=ered;.

Green=egreen;.

Blue=eblue;.

Function start(){.

If ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){.

Link=false;.

Updwn=true;.

If (brows).

Res=document.layers['textanim'].top.

Else{.

Textanim.style.width=document.body.offsetWidth-20;.

Textanim.innerHTML='<Pre><P Class="main" Align="Center">'+message[msg]+'</P></Pre>'.

Res=textanim.style.top.

For (x=0; x<document.all.length; x++).

If(document.all[x].id=="textanimlink").

Link=true;.

}.

Up().

}.

}.

Function stop(){.

ClearTimeout(timer1);.

ClearTimeout(timer2);.

ClearTimeout(timer3);.

}.

Function resz(){.

H=window.innerHeight;.

W=window.innerWidth;.

If (updwn).

Timer1=setTimeout('up()',2000).

Else.

Timer2=setTimeout('down()',2000).

}.

Function breakf(){.

If (status){.

ClearTimeout(timer1);.

ClearTimeout(timer2);.

Status=false.

Return;.

}.

Else{.

Status=true;.

If (updwn).

Timer1=setTimeout('up()',dt).

Else.

Timer2=setTimeout('down()',dt).

}.

}.

Function up(){.

If (red<hred){.

If ((red+7)<hred).

Red+=7;.

Else.

Red=hred.

Redx = convert[red].

}.

Else{.

If ((red-7)>hred).

Red-=7;.

Else.

Red=hred.

Redx = convert[red].

}.

If (green<hgreen){.

If ((green+7)<hgreen).

Green+=7;.

Else.

Green=hgreen.

Greenx = convert[green].

}.

Else{.

If ((green-7)>hgreen).

Green-=7;.

Else.

Green=hgreen.

Greenx = convert[green].

}.

If (blue<hblue){.

If ((blue+7)<hblue).

Blue+=7;.

Else.

Blue=hblue.

Bluex = convert[blue].

}.

Else{.

If ((blue-7)>hblue).

Blue-=7;.

Else.

Blue=hblue.

Bluex = convert[blue].

}.

Rgb = "#"+redx+greenx+bluex;.

If (brows){.

Document.layers['textanim'].document.linkColor=rgb;.

Document.layers['textanim'].document.vlinkColor=rgb;.

If (window.innerHeight!=h || window.innerWidth!=w){.

ClearTimeout(timer1);.

Resz().

Return;.

}.

Else{.

Document.layers['textanim'].document.write('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>').

Document.layers['textanim'].document.close();.

}.

}.

Else{.

Textanim.style.color=rgb;.

If(link).

Textanimlink.style.color=rgb;.

}.

If (z<38){.

If (brows).

Document.layers['textanim'].top.

Else.

Textanim.style.posTop.

Z++.

Timer1=setTimeout('up()',dt).

}.

Else.

{.

Updwn=false;.

Down().

}.

}.

Function down(){.

If (red<ered){.

If ((red+7)<ered).

Red+=7;.

Else.

Red=ered.

Redx = convert[red].

}.

Else{.

If ((red-7)>ered).

Red-=7;.

Else.

Red=ered.

Redx = convert[red].

}.

If (green<egreen){.

If ((green+7)<egreen).

Green+=7;.

Else.

Green=egreen.

Greenx = convert[green].

}.

Else{.

If ((green-7)>egreen).

Green-=7;.

Else.

Green=egreen.

Greenx = convert[green].

}.

If (blue<eblue){.

If ((blue+7)<eblue).

Blue+=7;.

Else.

Blue=eblue.

Bluex = convert[blue].

}.

Else{.

If ((blue-7)>eblue).

Blue-=7;.

Else.

Blue=eblue.

Bluex = convert[blue].

}.

Rgb = "#"+redx+greenx+bluex;.

If (brows){.

Document.layers['textanim'].document.linkColor=rgb;.

Document.layers['textanim'].document.vlinkColor=rgb;.

If (window.innerHeight!=h || window.innerWidth!=w){.

ClearTimeout(timer2);.

Resz().

Return;.

}.

Else{.

Document.layers['textanim'].document.write('<Pre><P Class="main" Align="center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>').

Document.layers['textanim'].document.close();.

}.

}.

Else{.

Textanim.style.color=rgb;.

If(link).

Textanimlink.style.color=rgb;.

}.

If (z<76){.

If (brows).

Document.layers['textanim'].top.

Else.

Textanim.style.posTop.

Z++.

Timer2=setTimeout('down()',dt).

}.

Else.

{.

If (brows){.

Document.layers['textanim'].document.write('').

Document.layers['textanim'].document.close();.

}.

Else.

Textanim.innerHTML='';.

Window.clearInterval(timer2);.

If(msg<message.length-1){.

Msg++;.

Z=0;.

If (brows){.

Document.layers['textanim'].top=res;.

}.

Else.

Textanim.style.top=res;.

Timer3=setTimeout('start()',0);.

}.

Else.

{.

Msg=0;.

Z=0;.

If (brows).

Document.layers['textanim'].top=res;.

Else.

Textanim.style.top=res;.

Timer3=setTimeout('start()',0);.

}.

}.

}.

// done hiding >.

</Script>.

<Div id="textanim" style="position: absolute; left: 4px; top: 300px;" onclick="breakf()">.

</Div>.

<Layer name="textanim" left=4 top=300>.

</Layer>.

<!END TEXT EFFECT FOR BANNER###############################>.

<table width="760">.

<tr>.

<td>.

<span id="birch">.

<table background="C:\WEB Outlet esting\Pineban3.jpg" border="0" width="760" height="80">.

<tr>.

<td align="left" valign="middle"><img src="C:\WEB Outlet estingearlogogreen2.jpg">.

</td>.

<td align="center" valign="middle"><img src="C:\WEB Outlet esting\PineBearBanner5.jpg">.

</td>.

<td align="right" valign="middle"><img src="C:\WEB Outlet esting\USA-04.gif">.

</span>.

</td>.

</tr>.

</table>.

<!main page area 3 colunms wide>.

<table col="3" border="0" cellpadding="0" cellspacing="0">.

<tr>.

<!colunm 1>.

<td >.

<table width="120" height="100%" background="C:\WEB Outlet esting\BirchBack120wx100h.jpg" align="left" border="0" cellpadding="0" cellspacing="0">.

<tr background="C:\WEB Outlet esting\BirchBack120wx100h.jpg">.

<td background="C:\WEB Outlet esting\BirchBack120wx100h.jpg">.

</td>.

</tr>.

</table>.

</td>.

<!colunm2>.

<td>.

</td>.

<!colunm3>.

<td>.

</td>.

</tr>.

</table>.

</td>.

</tr>.

</table>.

</body>.

</html>..

Comments (5)

That's a good question. I'm not sure what is the answer. I'll do some Googling and get back to you if I discover an good answer. You should email the people at iPage as they probably could give you an answer..

Comment #1

I can only unzip.

Attached is the birch pic..

Comment #2

Ok where is the one that goes down the left. also if you use ID instead of class, you need to change the .birtch to #birtch.

.birtch.

#birtch.

Are completly different. actaully just called different as the first one is a class and the second one is an ID..

Comment #3

I've took out the dhtml text effect. Just the basic code, I check to make sure my tables are nested properly, OK..

Also moved the <span> and changed id to class..

Still no luck..

Here's code again..

<html>.

<head>.

<title>Rwb test page</title>.

<style type="text/css">.

Body{background-color:f5fffa;background-image:url(C:\WEB Outlet esting\ScenicRiver500wx250hlt.jpg);background-repeat:no-repeat;background-attachment:scroll;background-position:150px 150px;}.

.birch {background-image:url(C:\WEB Outlet esting\.

BirchBack120wx100h.jpg.

);background-repeat:repeat;background-attachment:scroll;!important}.

</style>.

</head>.

<body>.

<table width="760">.

<tr>.

<td>.

<table background="C:\WEB Outlet esting\Pineban3.jpg" border="0" width="760" height="80">.

<tr>.

<td align="left" valign="middle"><img src="C:\WEB Outlet estingearlogogreen2.jpg">.

</td>.

<td align="center" valign="middle"><img src="C:\WEB Outlet esting\PineBearBanner5.jpg">.

</td>.

<td align="right" valign="middle"><img src="C:\WEB Outlet esting\USA-04.gif">.

</td>.

</tr>.

</table>.

<!main page area 3 colunms wide>.

<table col="3" border="0" cellpadding="0" cellspacing="0">.

</tr>.

<!colunm 1>.

</td>.

<span class="birch">.

<table width="120" height="100%" background="C:\WEB Outlet esting\.

BirchBack120wx100h.jpg.

" align="left" border="0" cellpadding="0" cellspacing="0">.

<tr background="C:\WEB Outlet esting\.

BirchBack120wx100h.jpg.

">.

<td background="C:\WEB Outlet esting\.

BirchBack120wx100h.jpg.

">.

</span>.

</td>.

</tr>.

</table>.

</td>.

<!colunm2>.

<td>.

</td>.

<!colunm3>.

<td>.

</td>.

</tr>.

</table>.

</td>.

</tr>.

</table>.

</body>.

</html>.

I colored everwhere used BirchBack120wx100h.jpg the tile graphic purple you would think something would work..

Comment #4

Ok what part is not tiling for you?.

Take the path out and just use the image name. make sure the files are in the same folder. also the image down the left side will not tile as the cell is not big enough to make it tile. a table cell will only grow in height if it has something in it. NS will not render a table if it is empty. IE will but make it blank and real small...

Comment #5

Ok I got the image to tile with content in the table on the left..

Now I need to nest my tables differently to get it to tile on the right side of screen also..

I work on it later gotta carve a tooth pick.

Talk to later.

Thanks Scoutt..

Comment #6


This question was taken from a support group/message board and re-posted here so others can learn from it.