Hi all,
I am not sure if this question has to be posted here or in the HTML section. The issue seems to be small but I cant figure out y my code is not working. anyway..I have pasted my code here. Please save it as html file and try viewing it. I need to have the gifs moved to the place where the text "MOVE TAB HERE" appear. Can someone tell me what I should do? Thanks and reagrds. Please paste the code after correction so that I know where the correction was made. Thanks a bunch.
Code:
<HTML>
<HEAD>
<TITLE>Hotsauce POS</TITLE><LINK rel="stylesheet" type="text/css" href="css/photo.css"><LINK rel="stylesheet" href="css/ecoaStyles.css" type="text/css">
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- BEGIN TABS CODE-->
<SCRIPT language="javaScript1.2"><!--
var layerIndex2=new Array("right2a","right2b","right2c"
// initializes layers - run body onload
function setUp()
{
if(document.layers)
for(document.all=document.layers,x=0;x<document.all.length;x++)
document.all[x].style=document.all[x]
if(!document.all)
if(document.getElementsByTagName)
document.all=document.getElementsByTagName("div"
}
function changeLayer2(layerid)
{
for(x=0;x<layerIndex2.length;x++)
document.getElementById(layerIndex2[x]).style.visibility='hidden';
var hbar = document.getElementById(layerid);
hbar.style.visibility= "visible";
}
// -->
</SCRIPT><!-- END TABS CODE-->
<!-- BEGIN SLOT 2 -->
</head>
<BODY bgcolor="#ffffff">
<DIV id="Layer1" style="WIDTH: 752; HEIGHT: 453;">
<TABLE width="100%" height="417" border="0" bordercolor="#ffffff" cellpadding="0" cellspacing="0">
<TR>
<TD align="left" valign="top">
<TABLE width="100%" height="76%" border="0" cellpadding="0" cellspacing="0">
<TR>
<TD height="53" align="left" valign="top">
<TABLE width="756" border="0" cellspacing="0" cellpadding="0" style="height: 244px">
<TR>
<TD width="398" valign="bottom">
</TD>
<TD width="354">
<P> </P>
<P>MOVE TAB HERE</P>
</TD>
</TR>
<TR>
<TD height="48" colspan="6" width="754">
<TABLE width="754" height="186" border="1" cellpadding="0" cellspacing="0" style="WIDTH: 754px; HEIGHT: 186px" bordercolor="#FF0000" bordercolorlight="#E9967A" bordercolordark="#E9967A">
<TR>
<TD width="53%" align="left" valign="top">
<div class="O">
</div>
<p align="center"><span style="font-family:Verdana;
font-size:117%;color:red"><b><font size="6">As Low as $4999</font></b></span></p>
</TD>
<TD width="47%" align="left" valign="top">
<DIV id="right2a" style="VISIBILITY: hidden; POSITION: absolute">
<TABLE width="250" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD colspan="3" width="250"><IMG src="i\Solutions1.gif" alt="" height="21" width="250" usemap="#right2" border="0">
</TD>
<MAP name="right2">
<AREA shape="RECT" coords="167,3,245,18" href="#c" onClick="changeLayer2('right2c');return false;" alt="">
<AREA shape="RECT" coords="85,4,163,19" href="#b" onClick="changeLayer2('right2b');return false;" alt="">
<AREA shape="RECT" coords="1,3,82,19" href="#a" onClick="changeLayer2('right2a');return false;" alt="">
</MAP>
</TR>
<TR>
<TD valign="top" bgcolor="#ffffff" width="248">
<TABLE width="100%" border="0" cellspacing="0" cellpadding="1">
<TR>
<TD valign="top" width="79"><TEXTAREA border="0" READONLY class=TA id=textarea1 style="WIDTH: 349; HEIGHT: 180" name=textarea1 rows=7 wrap=on cols=55>Standard
TEXT for Standard</TEXTAREA>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</DIV>
<DIV id="right2b" style="VISIBILITY: visible; POSITION: absolute">
<TABLE width="250" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD colspan="3" width="250"><IMG src="i\Solutions2.gif" alt="" height="21" width="250" usemap="#right2" border="0">
</TD>
</TR>
<TR>
<TD valign="top" bgcolor="#ffffff" width="248">
<TABLE width="100%" border="0" cellspacing="0" cellpadding="1">
<TR>
<TD valign="top" width="79"><TEXTAREA READONLY class=TA id=textarea1 style="WIDTH: 349; HEIGHT: 180" name=textarea1 rows=7 wrap=on cols=55>All-In-1
TEXT for All-In-1</TEXTAREA>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</DIV>
<DIV id="right2c" style="VISIBILITY: hidden; POSITION: absolute">
<TABLE width="250" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD colspan="3" width="250"><IMG src="i/Solutions3.gif" alt="" height="21" width="250" usemap="#right2" border="0">
</TD>
</TR>
<TR>
<TD valign="top" bgcolor="#ffffff" width="248">
<TABLE width="100%" border="0" cellspacing="0" cellpadding="1">
<TR>
<TD valign="top" width="79"><TEXTAREA READONLY class=TA id=textarea1 style="width: 349; height: 180" name=textarea1 rows=7 wrap=on cols=55>Customized
TEXT for Customized</TEXTAREA>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</DIV>
<DIV id="dumm1" style="VISIBILITY: hidden; WIDTH: 346px; POSITION: relative;
HEIGHT: 162px">
</DIV><!-- height is exact height of div --><!-- END SLOT 2 -->
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TABLE>
</TD>
</TR>
</TABLE>
</DIV>
</BODY>
</HTML>
I am not sure if this question has to be posted here or in the HTML section. The issue seems to be small but I cant figure out y my code is not working. anyway..I have pasted my code here. Please save it as html file and try viewing it. I need to have the gifs moved to the place where the text "MOVE TAB HERE" appear. Can someone tell me what I should do? Thanks and reagrds. Please paste the code after correction so that I know where the correction was made. Thanks a bunch.
Code:
<HTML>
<HEAD>
<TITLE>Hotsauce POS</TITLE><LINK rel="stylesheet" type="text/css" href="css/photo.css"><LINK rel="stylesheet" href="css/ecoaStyles.css" type="text/css">
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- BEGIN TABS CODE-->
<SCRIPT language="javaScript1.2"><!--
var layerIndex2=new Array("right2a","right2b","right2c"
// initializes layers - run body onload
function setUp()
{
if(document.layers)
for(document.all=document.layers,x=0;x<document.all.length;x++)
document.all[x].style=document.all[x]
if(!document.all)
if(document.getElementsByTagName)
document.all=document.getElementsByTagName("div"
}
function changeLayer2(layerid)
{
for(x=0;x<layerIndex2.length;x++)
document.getElementById(layerIndex2[x]).style.visibility='hidden';
var hbar = document.getElementById(layerid);
hbar.style.visibility= "visible";
}
// -->
</SCRIPT><!-- END TABS CODE-->
<!-- BEGIN SLOT 2 -->
</head>
<BODY bgcolor="#ffffff">
<DIV id="Layer1" style="WIDTH: 752; HEIGHT: 453;">
<TABLE width="100%" height="417" border="0" bordercolor="#ffffff" cellpadding="0" cellspacing="0">
<TR>
<TD align="left" valign="top">
<TABLE width="100%" height="76%" border="0" cellpadding="0" cellspacing="0">
<TR>
<TD height="53" align="left" valign="top">
<TABLE width="756" border="0" cellspacing="0" cellpadding="0" style="height: 244px">
<TR>
<TD width="398" valign="bottom">
</TD>
<TD width="354">
<P> </P>
<P>MOVE TAB HERE</P>
</TD>
</TR>
<TR>
<TD height="48" colspan="6" width="754">
<TABLE width="754" height="186" border="1" cellpadding="0" cellspacing="0" style="WIDTH: 754px; HEIGHT: 186px" bordercolor="#FF0000" bordercolorlight="#E9967A" bordercolordark="#E9967A">
<TR>
<TD width="53%" align="left" valign="top">
<div class="O">
</div>
<p align="center"><span style="font-family:Verdana;
font-size:117%;color:red"><b><font size="6">As Low as $4999</font></b></span></p>
</TD>
<TD width="47%" align="left" valign="top">
<DIV id="right2a" style="VISIBILITY: hidden; POSITION: absolute">
<TABLE width="250" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD colspan="3" width="250"><IMG src="i\Solutions1.gif" alt="" height="21" width="250" usemap="#right2" border="0">
</TD>
<MAP name="right2">
<AREA shape="RECT" coords="167,3,245,18" href="#c" onClick="changeLayer2('right2c');return false;" alt="">
<AREA shape="RECT" coords="85,4,163,19" href="#b" onClick="changeLayer2('right2b');return false;" alt="">
<AREA shape="RECT" coords="1,3,82,19" href="#a" onClick="changeLayer2('right2a');return false;" alt="">
</MAP>
</TR>
<TR>
<TD valign="top" bgcolor="#ffffff" width="248">
<TABLE width="100%" border="0" cellspacing="0" cellpadding="1">
<TR>
<TD valign="top" width="79"><TEXTAREA border="0" READONLY class=TA id=textarea1 style="WIDTH: 349; HEIGHT: 180" name=textarea1 rows=7 wrap=on cols=55>Standard
TEXT for Standard</TEXTAREA>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</DIV>
<DIV id="right2b" style="VISIBILITY: visible; POSITION: absolute">
<TABLE width="250" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD colspan="3" width="250"><IMG src="i\Solutions2.gif" alt="" height="21" width="250" usemap="#right2" border="0">
</TD>
</TR>
<TR>
<TD valign="top" bgcolor="#ffffff" width="248">
<TABLE width="100%" border="0" cellspacing="0" cellpadding="1">
<TR>
<TD valign="top" width="79"><TEXTAREA READONLY class=TA id=textarea1 style="WIDTH: 349; HEIGHT: 180" name=textarea1 rows=7 wrap=on cols=55>All-In-1
TEXT for All-In-1</TEXTAREA>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</DIV>
<DIV id="right2c" style="VISIBILITY: hidden; POSITION: absolute">
<TABLE width="250" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD colspan="3" width="250"><IMG src="i/Solutions3.gif" alt="" height="21" width="250" usemap="#right2" border="0">
</TD>
</TR>
<TR>
<TD valign="top" bgcolor="#ffffff" width="248">
<TABLE width="100%" border="0" cellspacing="0" cellpadding="1">
<TR>
<TD valign="top" width="79"><TEXTAREA READONLY class=TA id=textarea1 style="width: 349; height: 180" name=textarea1 rows=7 wrap=on cols=55>Customized
TEXT for Customized</TEXTAREA>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</DIV>
<DIV id="dumm1" style="VISIBILITY: hidden; WIDTH: 346px; POSITION: relative;
HEIGHT: 162px">
</DIV><!-- height is exact height of div --><!-- END SLOT 2 -->
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TABLE>
</TD>
</TR>
</TABLE>
</DIV>
</BODY>
</HTML>