Ravyn
Tue 31st May '05, 4:43am
:confused: Seriously.. I used to be able to code okay. I was never an expert.. but now I can't remember the simplest things properly. Below is the code for a page I desperately need to do. There's a large area where I need to add two more columns of content.. but can't seem to do it.. without destroying the alignment of everything else. You'll see the details in brackets and bold text. Please help.
<html>
<HEAD>
<TITLE>Etc.</TITLE>
<META name="description" content="Description.">
<META name="author" content="Who">
<META name="keywords" content="Miscellaneous">
<SCRIPT language=JavaScript>
<!--
function Eins()
{window.status = " Whatever ";
setTimeout("Zwei()",60);
}
function Zwei()
{window.status = " Whatever ";
setTimeout("Eins()",60);
}
Eins();
// -->
</SCRIPT>
<body bgcolor='#000000' text='#ffffff' link='#000000' alink='#aaaaaa' vlink='#111111' topmargin='0' leftmargin='0' marginheight='0' marginwidth='0'>
<style TYPE="text/css"><!-- BODY { scrollbar-base-color: #000000; scrollbar-arrow-color: #CCCCCC; } --></style>
<style type="text/css">
<!--
/* CSS style sheet fragment */
/* suppress effects for all A tags */
a {text-decoration:none;}
/* silver color in A tags + class="n-l-f" */
.n-l-f a {color:silver;}
/* annoying underline feature on all A tags! */
a:hover {text-decoration:underline;}
/* text black inside div + class="n-l" when user hovers */
div.n-l a:hover {color:black;}
//-->
</style>
<script language=JavaScript>
<!--
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document. onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontext menu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>
</HEAD>
<body>
<TABLE width='780' height='5' align='center' bgcolor='#cccccc' border='1'>
<TR>
<TD width='10'></TD>
<TD width='740'></TD>
<TD width='10'></TD>
</TABLE>
<TABLE width='780' height='30' cellpadding='0' cellspacing='0' bgcolor='#000000' align="center">
<TR>
<TD width='270' align='left' valign='middle'>
<FONT face='Verdana' size='1' color='#ffffff'><B>TITLE > SUBTITLE ></B></FONT>
</TD>
<TD width='510' align='left' valign='top' bgcolor='#000000'>
</TD>
</TR>
</TABLE>
<TABLE width='780' height='80' cellpadding='0' cellspacing='0' bgcolor='#bbbbbb' align="center">
<TR height='5'><TD width='110'><TD width='335'></TD><TD width='65'></TD><TD width='260' bgcolor='#aaaaaa'></TD><TD width='10' bgcolor='#aaaaaa'></TD></TR>
<TR height='70'>
<TD width='110' align='center' valign='middle'>
<img src="IMAGE URL" height='70' width='90' alt='' border='1'>
</TD>
<TD width='335' align='left' valign='top'>
<FONT face='Verdana' size='1' color='#000000'><br><B>'HEADLINE'</B>
<BR> Description here... <A href="url" target="#IMAGES" onFocus="blur();">(More...)</A>
</TD>
<TD width='65'></TD>
<TD width='260' align='right' valign='top' bgcolor='#aaaaaa'>
<B>
<A href="url" target='#IMAGES' onFocus="blur();"><FONT face='Verdana' size='1'>SUBTITLE</A><BR>
<A href="url" target='#IMAGES' onFocus="blur();"><FONT face='Verdana' size='1'>SUBTITLE</A><BR>
<BR>
<A href="url" target='#IMAGES' onFocus="blur();"><FONT face='Verdana' size='1'>SUBTITLE</A><BR>
<A href="url" target='#IMAGES' onFocus="blur();"><FONT face='Verdana' size='1'>SUBTITLE</A><BR>
</TD>
<TD width='10' bgcolor='#aaaaaa'></TD>
</TR>
<TR height='5'><TD width='110'><TD width='335'></TD><TD width='65'></TD><TD width='260' bgcolor='#aaaaaa'></TD><TD width='10' bgcolor='#aaaaaa'></TD></TR>
</TABLE>
<TABLE width='780' height='5' align='center' bgcolor='#cccccc' border='1'>
<TR>
<TD width='15'></TD>
<TD width='750'></TD>
<TD width='15'></TD>
</TABLE>
{OKAY - RIGHT HERE I NEED TWO MORE COLUMNS, TO THE LEFT OF THE NEXT SERIES. WHEN DISPLAYED IN HTML THIS AREA SHOWS UP AS BEING EMPTY. THE FIRST ROW NEEDS TO BE 180 WIDE AND THE FULL HEIGHT OF THE PAGE. THE SECOND ROW NEEDS TO BE 330 WIDE AND THE FULL HEIGHT OF THE PAGE.}
<TABLE WIDTH='270' ALIGN='RIGHT' BGCOLOR='FFFFFF' BORDER='1' CELLPADDING='0' CELLSPACING='0'>
<TR HEIGHT='60'>
<TD WIDTH='60' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='0'>
<a href="url">
<img width="60" height="60" border="0" src="IMAGE URL" alt="What"></a>
</TD>
<TD WIDTH='210' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='25'>
<FONT FACE='VERDANA' FONT SIZE=2 FONT COLOR="000000">
<B>Who</B><br><FONT SIZE=1>Title</FONT>
</TD>
</TR>
<TR HEIGHT='60'>
<TD WIDTH='60' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='0'>
<a href="url">
<img width="60" height="60" border="0" src="IMAGE URL" alt="What"></a>
</TD>
<TD WIDTH='210' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='25'>
<FONT FACE='VERDANA' FONT SIZE=2 FONT COLOR="000000">
<B>Who</B><br><FONT SIZE=1>Title</FONT>
</TD>
</TR>
<TR HEIGHT='60'>
<TD WIDTH='60' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='0'>
<a href="url">
<img width="60" height="60" border="0" src="IMAGE URL" alt="What"></a>
</TD>
<TD WIDTH='210' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='25'>
<FONT FACE='VERDANA' FONT SIZE=2 FONT COLOR="000000">
<B>Who</B><br><FONT SIZE=1>Title</FONT>
</TD>
</TR>
<TR HEIGHT='60'>
<TD WIDTH='60' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='0'>
<a href="url">
<img width="60" height="60" border="0" src="IMAGE URL" alt="What"></a>
</TD>
<TD WIDTH='210' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='25'>
<FONT FACE='VERDANA' FONT SIZE=2 FONT COLOR="000000">
<B>Who</B><br><FONT SIZE=1>Title</FONT>
</TD>
</TR>
<TR HEIGHT='60'>
<TD WIDTH='60' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='0'>
<a href="url">
<img width="60" height="60" border="0" src="IMAGE URL" alt="What"></a>
</TD>
<TD WIDTH='210' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='25'>
<FONT FACE='VERDANA' FONT SIZE=2 FONT COLOR="000000">
<B>Who</B><br><FONT SIZE=1>Title</FONT>
</TD>
</TR>
<TR HEIGHT='60'>
<TD WIDTH='60' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='0'>
<a href="url">
<img width="60" height="60" border="0" src="IMAGE URL" alt="What"></a>
</TD>
<TD WIDTH='210' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='25'>
<FONT FACE='VERDANA' FONT SIZE=2 FONT COLOR="000000">
<B>Who</B><br><FONT SIZE=1>Title</FONT>
</TD>
</TR>
<TR HEIGHT='60'>
<TD WIDTH='60' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='0'>
</TD>
<TD WIDTH='210' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='25'>
<a href="url">
<font face="Verdana" size='2'>
Archives
<img width="13" height="13" border="0" src="BUTTON URL" alt="More menu">
</TD>
</TR>
</TABLE>
</body>
</html>
<html>
<HEAD>
<TITLE>Etc.</TITLE>
<META name="description" content="Description.">
<META name="author" content="Who">
<META name="keywords" content="Miscellaneous">
<SCRIPT language=JavaScript>
<!--
function Eins()
{window.status = " Whatever ";
setTimeout("Zwei()",60);
}
function Zwei()
{window.status = " Whatever ";
setTimeout("Eins()",60);
}
Eins();
// -->
</SCRIPT>
<body bgcolor='#000000' text='#ffffff' link='#000000' alink='#aaaaaa' vlink='#111111' topmargin='0' leftmargin='0' marginheight='0' marginwidth='0'>
<style TYPE="text/css"><!-- BODY { scrollbar-base-color: #000000; scrollbar-arrow-color: #CCCCCC; } --></style>
<style type="text/css">
<!--
/* CSS style sheet fragment */
/* suppress effects for all A tags */
a {text-decoration:none;}
/* silver color in A tags + class="n-l-f" */
.n-l-f a {color:silver;}
/* annoying underline feature on all A tags! */
a:hover {text-decoration:underline;}
/* text black inside div + class="n-l" when user hovers */
div.n-l a:hover {color:black;}
//-->
</style>
<script language=JavaScript>
<!--
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document. onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontext menu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>
</HEAD>
<body>
<TABLE width='780' height='5' align='center' bgcolor='#cccccc' border='1'>
<TR>
<TD width='10'></TD>
<TD width='740'></TD>
<TD width='10'></TD>
</TABLE>
<TABLE width='780' height='30' cellpadding='0' cellspacing='0' bgcolor='#000000' align="center">
<TR>
<TD width='270' align='left' valign='middle'>
<FONT face='Verdana' size='1' color='#ffffff'><B>TITLE > SUBTITLE ></B></FONT>
</TD>
<TD width='510' align='left' valign='top' bgcolor='#000000'>
</TD>
</TR>
</TABLE>
<TABLE width='780' height='80' cellpadding='0' cellspacing='0' bgcolor='#bbbbbb' align="center">
<TR height='5'><TD width='110'><TD width='335'></TD><TD width='65'></TD><TD width='260' bgcolor='#aaaaaa'></TD><TD width='10' bgcolor='#aaaaaa'></TD></TR>
<TR height='70'>
<TD width='110' align='center' valign='middle'>
<img src="IMAGE URL" height='70' width='90' alt='' border='1'>
</TD>
<TD width='335' align='left' valign='top'>
<FONT face='Verdana' size='1' color='#000000'><br><B>'HEADLINE'</B>
<BR> Description here... <A href="url" target="#IMAGES" onFocus="blur();">(More...)</A>
</TD>
<TD width='65'></TD>
<TD width='260' align='right' valign='top' bgcolor='#aaaaaa'>
<B>
<A href="url" target='#IMAGES' onFocus="blur();"><FONT face='Verdana' size='1'>SUBTITLE</A><BR>
<A href="url" target='#IMAGES' onFocus="blur();"><FONT face='Verdana' size='1'>SUBTITLE</A><BR>
<BR>
<A href="url" target='#IMAGES' onFocus="blur();"><FONT face='Verdana' size='1'>SUBTITLE</A><BR>
<A href="url" target='#IMAGES' onFocus="blur();"><FONT face='Verdana' size='1'>SUBTITLE</A><BR>
</TD>
<TD width='10' bgcolor='#aaaaaa'></TD>
</TR>
<TR height='5'><TD width='110'><TD width='335'></TD><TD width='65'></TD><TD width='260' bgcolor='#aaaaaa'></TD><TD width='10' bgcolor='#aaaaaa'></TD></TR>
</TABLE>
<TABLE width='780' height='5' align='center' bgcolor='#cccccc' border='1'>
<TR>
<TD width='15'></TD>
<TD width='750'></TD>
<TD width='15'></TD>
</TABLE>
{OKAY - RIGHT HERE I NEED TWO MORE COLUMNS, TO THE LEFT OF THE NEXT SERIES. WHEN DISPLAYED IN HTML THIS AREA SHOWS UP AS BEING EMPTY. THE FIRST ROW NEEDS TO BE 180 WIDE AND THE FULL HEIGHT OF THE PAGE. THE SECOND ROW NEEDS TO BE 330 WIDE AND THE FULL HEIGHT OF THE PAGE.}
<TABLE WIDTH='270' ALIGN='RIGHT' BGCOLOR='FFFFFF' BORDER='1' CELLPADDING='0' CELLSPACING='0'>
<TR HEIGHT='60'>
<TD WIDTH='60' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='0'>
<a href="url">
<img width="60" height="60" border="0" src="IMAGE URL" alt="What"></a>
</TD>
<TD WIDTH='210' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='25'>
<FONT FACE='VERDANA' FONT SIZE=2 FONT COLOR="000000">
<B>Who</B><br><FONT SIZE=1>Title</FONT>
</TD>
</TR>
<TR HEIGHT='60'>
<TD WIDTH='60' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='0'>
<a href="url">
<img width="60" height="60" border="0" src="IMAGE URL" alt="What"></a>
</TD>
<TD WIDTH='210' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='25'>
<FONT FACE='VERDANA' FONT SIZE=2 FONT COLOR="000000">
<B>Who</B><br><FONT SIZE=1>Title</FONT>
</TD>
</TR>
<TR HEIGHT='60'>
<TD WIDTH='60' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='0'>
<a href="url">
<img width="60" height="60" border="0" src="IMAGE URL" alt="What"></a>
</TD>
<TD WIDTH='210' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='25'>
<FONT FACE='VERDANA' FONT SIZE=2 FONT COLOR="000000">
<B>Who</B><br><FONT SIZE=1>Title</FONT>
</TD>
</TR>
<TR HEIGHT='60'>
<TD WIDTH='60' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='0'>
<a href="url">
<img width="60" height="60" border="0" src="IMAGE URL" alt="What"></a>
</TD>
<TD WIDTH='210' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='25'>
<FONT FACE='VERDANA' FONT SIZE=2 FONT COLOR="000000">
<B>Who</B><br><FONT SIZE=1>Title</FONT>
</TD>
</TR>
<TR HEIGHT='60'>
<TD WIDTH='60' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='0'>
<a href="url">
<img width="60" height="60" border="0" src="IMAGE URL" alt="What"></a>
</TD>
<TD WIDTH='210' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='25'>
<FONT FACE='VERDANA' FONT SIZE=2 FONT COLOR="000000">
<B>Who</B><br><FONT SIZE=1>Title</FONT>
</TD>
</TR>
<TR HEIGHT='60'>
<TD WIDTH='60' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='0'>
<a href="url">
<img width="60" height="60" border="0" src="IMAGE URL" alt="What"></a>
</TD>
<TD WIDTH='210' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='25'>
<FONT FACE='VERDANA' FONT SIZE=2 FONT COLOR="000000">
<B>Who</B><br><FONT SIZE=1>Title</FONT>
</TD>
</TR>
<TR HEIGHT='60'>
<TD WIDTH='60' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='0'>
</TD>
<TD WIDTH='210' ALIGN='CENTER' VALIGN='MIDDLE' CELLPADDING='25'>
<a href="url">
<font face="Verdana" size='2'>
Archives
<img width="13" height="13" border="0" src="BUTTON URL" alt="More menu">
</TD>
</TR>
</TABLE>
</body>
</html>