I have a code like this:
<TABLE cellSpacing=0 cellPadding=0 border=0 width="182">
<TBODY>
<TR>
<TD vAlign=top width=220>
<TABLE cellSpacing=0 cellPadding=0 width=180 border=0>
<TBODY>
<TR>
<TD class=cActive id=cHoSTC align=middle width=58
height=20 alt=""><A class=Active id=aHoSTC
onclick=switchActive(0);
href="http://www.vnexpress.net/User/ck/hcms/HCMStockSmall.asp"
target=ifrmContent>HoSTC</A></TD>
<TD class=cNoActive id=cHaSTC align=middle width=58
height=20 alt=""><A class=NoActive id=aHaSTC
onclick=switchActive(1);
href="http://www.vnexpress.net/User/ck/hns/HNStockSmall.asp"
target=ifrmContent>HaSTC</A></TD>
</TR></TBODY></TABLE>
<TABLE class=tbHeader cellSpacing=1 cellPadding=1 width=180
border=0>
<TBODY>
<TR align=middle>
<TD class=cHeader align=middle width=38 rowSpan=2>Mã
CK</TD>
<TD class=cHeader align=middle width=38 rowSpan=2>TC</TD>
<TD class=cHeader noWrap align=middle width=70
colSpan=2>Khớp lệnh</TD>
<TD class=cHeader align=middle width=52
rowSpan=2>+/-</TD></TR>
<TR>
<TD class=cHeaderN align=middle width=35>Giá</TD>
<TD class=cHeaderN align=middle
width=35>KL</TD></TR></TBODY></TABLE><IFRAME id=ifrmContent
border=false name=ifrmContent
src="http://www.vnexpress.net/User/ck/hns/HNStockSmall.asp"
frameBorder=0 noResize width=180 scrolling=no
height=305></IFRAME>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
<STYLE type=text/css>.cActive {
FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND-IMAGE: url('http://www.vnexpress.net/User/ck/Source/images/bg_active.gif'); COLOR: #9e224d; FONT-FAMILY: Tahoma, "Times New Roman"; TEXT-DECORATION: none
}
.cNoActive {
FONT-WEIGHT: normal; FONT-SIZE: 11px; BACKGROUND-IMAGE: url('http://www.vnexpress.net/User/ck/Source/images/bg_noactive.gif'); COLOR: #009140; FONT-FAMILY: Tahoma, "Times New Roman"; TEXT-DECORATION: none
}
.tbHeader {
BORDER-RIGHT: #666666 1px solid; BORDER-LEFT: #666666 1px solid
}
.cHeader {
FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Tahoma, "Times New Roman"; BACKGROUND-COLOR: #9e224d
}
.cHeaderN {
FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Tahoma, "Times New Roman"; BACKGROUND-COLOR: #af637d
}
.Active {
FONT-WEIGHT: bold; FONT-SIZE: 12px; CURSOR: pointer; COLOR: #9e224d; FONT-FAMILY: Tahoma, "Times New Roman"; TEXT-DECORATION: none
}
.NoActive {
FONT-WEIGHT: normal; FONT-SIZE: 12px; CURSOR: pointer; COLOR: #009140; FONT-FAMILY: Tahoma, "Times New Roman"; TEXT-DECORATION: none
}
</STYLE>
<SCRIPT language=javascript>
function switchActive(i){
if(i == 0){
document.getElementById('cHoSTC').className = 'cActive';
document.getElementById('cHaSTC').className = 'cNoActive';
document.getElementById('aHoSTC').className = 'Active';
document.getElementById('aHaSTC').className = 'NoActive';
}
else{
document.getElementById('cHoSTC').className = 'cNoActive';
document.getElementById('cHaSTC').className = 'cActive';
document.getElementById('aHoSTC').className = 'NoActive';
document.getElementById('aHaSTC').className = 'Active';
}
}
</SCRIPT>
I'd like to make it as a module in the left column. I saved this code as a php file and add a module by this php file. It's appeared but it stretched full of the width of the screen. Please help me on this. Thanks!