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!

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

Tab Alignment issue

Status
Not open for further replies.
extempore

extempore

Programmer
Jun 1, 2001
71
US
All,


This should be a very simple change but I can't figure it out.

I have 3 tabs which when clicked shows the corresponding text in the textarea. Now I want the tabs to be moved in the place where the Words "PUT TAB HERE" appears and need to have the Text area in the same place where it is now. The tabs are gifs and since there is no attachment provision here I cannot upload it. But if you save the following script (html) and preview it you know what I am talking about. Search for the words "PUT TAB HERE" in the source. Someone please do help me. Thanks and regards.

HTML Script:

<HTML>
<HEAD>
<TITLE>Test</TITLE>
<META http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;>
<!-- BEGIN TABS CODE-->
<SCRIPT language=&quot;javaScript1.2&quot;><!--

var layerIndex=new Array(&quot;right1a&quot;,&quot;right1b&quot;,&quot;right1c&quot;)
var layerIndex2=new Array(&quot;right2a&quot;,&quot;right2b&quot;,&quot;right2c&quot;)
var layerIndex3=new Array(&quot;mid1a&quot;,&quot;mid1b&quot;,&quot;mid1c&quot;);
var layerIndex4=new Array(&quot;popa&quot;,&quot;popb&quot;,&quot;popc&quot;);
var layerIndex5=new Array(&quot;right3a&quot;,&quot;right3b&quot;,&quot;right3c&quot;)
var layerIndex6=new Array(&quot;right4a&quot;,&quot;right4b&quot;)

// initializes layers - run body onload

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= &quot;visible&quot;;
}

// -->
</SCRIPT><!-- END TABS CODE-->
<!-- BEGIN SLOT 2 -->
</head>

<BODY bgcolor=&quot;#ffffff&quot;>
<DIV id=&quot;Layer1&quot; style=&quot;WIDTH: 752; HEIGHT: 453;&quot;>
<TABLE width=&quot;100%&quot; height=&quot;417&quot; border=&quot;0&quot; bordercolor=&quot;#ffffff&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;>
<TR>
<TD align=&quot;left&quot; valign=&quot;top&quot;>
<TABLE width=&quot;100%&quot; height=&quot;76%&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;>
<TR>
<TD height=&quot;87&quot; align=&quot;left&quot; valign=&quot;top&quot;>
<TABLE width=&quot;763&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;>
<TR>
<TD width=&quot;393&quot; height=&quot;84&quot; align=&quot;left&quot; valign=&quot;top&quot;>
</TD>
<TD width=&quot;366&quot; align=&quot;right&quot; valign=&quot;bottom&quot;>  
</TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD height=&quot;53&quot; align=&quot;left&quot; valign=&quot;top&quot;>
<TABLE width=&quot;762&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; style=&quot;height: 244px&quot;>
<TR>
<TD width=&quot;329&quot; valign=&quot;bottom&quot;>
</TD>
<TD width=&quot;306&quot; align=&quot;left&quot; valign=&quot;top&quot;>
PUT TAB HERE
</TD>
</TR>
<TR>
<TD height=&quot;48&quot; colspan=&quot;6&quot; width=&quot;760&quot;>
<TABLE width=&quot;754&quot; height=&quot;214&quot; border=&quot;1&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;width: 754px&quot; bordercolor=&quot;#FF0000&quot; bordercolorlight=&quot;#E9967A&quot; bordercolordark=&quot;#E9967A&quot;>
<TR>
<TD width=&quot;53%&quot; align=&quot;left&quot; valign=&quot;top&quot; height=&quot;212&quot;>
<div class=&quot;O&quot;>
 
</div>
</TD>
<TD width=&quot;47%&quot; align=&quot;left&quot; valign=&quot;top&quot; height=&quot;212&quot;>
<DIV id=&quot;right2a&quot; style=&quot;VISIBILITY: visible; POSITION: absolute&quot;>
<TABLE width=&quot;250&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;>
<TR>
<TD colspan=&quot;3&quot; width=&quot;250&quot;><IMG src=&quot;i\Solutions1.gif&quot; alt=&quot;&quot; height=&quot;21&quot; width=&quot;250&quot; usemap=&quot;#right2&quot; border=&quot;0&quot;>
</TD>
<MAP name=&quot;right2&quot;>
<AREA shape=&quot;RECT&quot; coords=&quot;167, 3, 245, 18&quot; href=&quot;#c&quot; onClick=&quot;changeLayer2('right2c');return false;&quot; alt=&quot;&quot;>
<AREA shape=&quot;RECT&quot; coords=&quot;85, 4, 163, 19&quot; href=&quot;#b&quot; onClick=&quot;changeLayer2('right2b');return false;&quot; alt=&quot;&quot;>
</MAP>

</TR>
<TR>
<TD valign=&quot;top&quot; bgcolor=&quot;#ffffff&quot; width=&quot;248&quot;>
<TABLE width=&quot;100%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;1&quot;>
<TR>
<TD valign=&quot;top&quot; width=&quot;79&quot;><TEXTAREA border=&quot;0&quot; READONLY class=TA id=textarea1 style=&quot;WIDTH: 349; HEIGHT: 180&quot; name=textarea1 rows=7 wrap=on cols=55>Standard
</TEXTAREA>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</DIV>
<DIV id=&quot;right2b&quot; style=&quot;VISIBILITY: hidden; POSITION: absolute&quot;>
<TABLE width=&quot;250&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;>
<TR>
<TD colspan=&quot;3&quot; width=&quot;250&quot;><IMG src=&quot;i\Solutions2.gif&quot; alt=&quot;&quot; height=&quot;21&quot; width=&quot;250&quot; usemap=&quot;#right2&quot; border=&quot;0&quot;>
</TD>
</TR>
<TR>
<TD valign=&quot;top&quot; bgcolor=&quot;#ffffff&quot; width=&quot;248&quot;>
<TABLE width=&quot;100%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;1&quot;>
<TR>
<TD valign=&quot;top&quot; width=&quot;79&quot;><TEXTAREA READONLY class=TA id=textarea1 style=&quot;WIDTH: 349; HEIGHT: 180&quot; name=textarea1 rows=7 wrap=on cols=55>All-In-1</TEXTAREA>
</TD>
</TR>
</TABLE>
</TD>
</TR>

</TABLE>
</DIV>
<DIV id=&quot;right2c&quot; style=&quot;VISIBILITY: hidden; POSITION: absolute&quot;>
<TABLE width=&quot;250&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;>
<TR>
<TD colspan=&quot;3&quot; width=&quot;250&quot;><IMG src=&quot;i/Solutions3.gif&quot; alt=&quot;&quot; height=&quot;21&quot; width=&quot;250&quot; usemap=&quot;#right2&quot; border=&quot;0&quot;>
</TD>
</TR>
<TR>
<TD valign=&quot;top&quot; bgcolor=&quot;#ffffff&quot; width=&quot;248&quot;>
<TABLE width=&quot;100%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;1&quot;>
<TR>
<TD valign=&quot;top&quot; width=&quot;79&quot;><TEXTAREA READONLY class=TA id=textarea1 style=&quot;width: 349; height: 180&quot; name=textarea1 rows=7 wrap=on cols=55>Customized
</TEXTAREA>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</DIV>
<DIV id=&quot;dumm1&quot; style=&quot;VISIBILITY: hidden; WIDTH: 346px; POSITION: relative;
HEIGHT: 162px&quot;>
</DIV><!-- height is exact height of div --><!-- END SLOT 2 -->
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
<P>   </p>
</TABLE>
</TD>
</TR>
</TABLE>
</DIV>
</BODY>
</HTML>
 
Status
Not open for further replies.

Similar threads

PeDa
  • Locked
  • Question
Display table td's as block element on mobile phone 1
Replies
3
Views
489
spamjim
spamjim
PSchubert
  • Locked
  • Question
Data in db table cell not displayed in asp table cell -- a CSS issue?
Replies
2
Views
87
vacunita
vacunita
ashokkumary
  • Locked
  • Question
missing leading zero when we download in excel from html table data.
Replies
1
Views
100
spamjim
spamjim
BobMCT
  • Locked
  • Question
Bootstrap nav-tab guidance?
Replies
0
Views
44
BobMCT
BobMCT
PeDa
  • Locked
  • Question
Table not formatted correctly in all browsers 1
Replies
2
Views
98
PeDa
PeDa

Part and Inventory Search

Sponsor

Back
Top