Side Bars in DHTML








More from Henry V

I am afeard there are few die well that die in battle; for how can they charitably dispose of anything when blood is their argument.


The code below shows the code for the section of the document shown above. Note how the table field is enclosed by a P tag. This P tag has its background set to the appropriate image. The side bar is created using a table field.

<HTML>
	<HEAD>
		<TITLE>Side Bars in DHTML</TITLE>
		<STYLE TYPE="text/css">
			IMG { border-color: #FFFFCC; }
			H2 { color: #FFFF00; }
			P { color: #FFFFCC; }
		</STYLE>
	</HEAD>
<BODY>

<A HREF="../dhtmlidx.html">Dynamic HTML Index</A><BR><BR>

<P STYLE="background: #CCCCCC url(../graphics/header.gif) repeat-y; width: 600px;">
	<TABLE BORDER="0" CELLPADING="0" CELLSPACING="5">
		<TR>

			<!-- Side Bar -->
			<TD VALIGN="top">
				<CENTER>
					<IMG SRC="../graphics/TheHaywainSmall.jpg" BORDER="2"><BR><BR> 
					<IMG SRC="../graphics/TheFightingTemeraireSmall.jpg" BORDER="2"><BR><BR> 
					<IMG SRC="../graphics/StarryStarryNightSmall.jpg" BORDER="2"><BR><BR> 
				</CENTER>
			</TD>
			<!-- End Side Bar -->
		
			<!-- Main Content -->
			<TD VALIGN="top">
				<H2>More from Henry V</H2>
				<P>I am afeard there are few die well that die in battle; for how can they charitably dispose of anything when blood is their argument.</P>
			</TD>
			<!-- End Main Content -->

		</TR>
	</TABLE>
</P>
</BODY></HTML>