Ok. I tried to play around with the code, but somehow I can't
get it right. I want to two menus on the left, the center
one, and the two sides. The photos are located on my
photobucket.
http://s4.photobucket.com/albums/y118/yugidonner/
Here is the html coding for it. Thanks.
<html>
<head>
<title>Democracy Through Music</title>
<link href="stylesheet.css"
rel="stylesheet" type="text/css">
</head>
<body>
<div align="center">
<table width="100%" border="0"
cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><center><img
src="images/top_banner.gif" width="800"
height="100"></center></td>
</tr>
<td height="10">
<tr>
<tr>
<td><table width="100%"
border="0"
cellspacing="0" cellpadding="0">
<tr>
<td width="150"
valign="top"><table
width="100%" border="0"
cellspacing="0"
cellpadding="0">
<tr>
<td><img src="images/top_menu.gif"
width="178" height="28"></td>
</tr>
<tr>
<td
background="images/frame_content.gif"><div
align="center"><a href="#">Your
link here</a><br>
<a href="#">Here you can put a link
</a></div></td>
</tr>
<tr>
<td><img src="images/frame_bottom.gif"
width="178" height="15"></td>
</tr><br>
</table>
<table width="100%" border="0"
cellspacing="0"
cellpadding="0">
<tr>
<td><img src="images/top_todaytip.gif"
width="178" height="27"></td>
</tr>
<tr>
<td
background="images/frame_content.gif"><div
align="center">Here you can put the
today's tip.</div></td>
</tr>
<tr>
<td><img src="images/frame_bottom.gif"
width="178" height="15"></td>
</tr><br><br>
</table></td><td
valign="top"><div align="center">
<table width="450" border="0"
cellspacing="0"
cellpadding="0">
<tr><br>
<td><img src="images/top_content.gif"
width="363" height="28"></td>
</tr>
<tr>
<td background="images/content.gif"><div
align="center">First test, just to make sure this
works or doesn't.</div></td>
</tr>
<tr>
<td><img src="images/top_contentbottom.gif"
width="363" height="28"></td>
</tr>
</table>
</div></td>
<td width="150"
valign="top"><table
width="100%" border="0"
cellspacing="0"
cellpadding="0">
<tr>
<td><img src="images/top_shoutbox.gif"
width="178" height="28"></td>
</tr>
<tr>
<td
background="images/frame_content.gif"><div
align="center">Here you can put a shoutbox
script.</div></td>
</tr>
<tr>
<td><img src="images/frame_bottom.gif"
width="178" height="15"></td>
</tr>
</table>
<table width="100%" border="0"
cellspacing="0"
cellpadding="0">
<tr>
<td><img src="images/top_poll.gif"
width="178" height="27"></td>
</tr>
<tr>
<td
background="images/frame_content.gif"><div
align="center">Put a poll script here
so people can vote.</div></td>
</tr>
<tr>
<td><img src="images/frame_bottom.gif"
width="178" height="15"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</div>
</body>
</html>
Here is the CSS code I have for it.
/* CSS Document */<br>
<br>
a:link {<br>
color: #000000;<br>
text-decoration: none;<br>
}<br>
<br>
a:visited {<br>
color: #000000;<br>
text-decoration: none;<br>
}<br>
<br>
a:hover {<br>
color:#B0B0B0;<br>
text-decoration: underline;<br>
}<br>
<br>
td, th {<br>
font-family: Arial, Verdana, Helvetica,
sans-serif;<br>
font-size: 11px;<br>
color: #000000;<br>
}<br>
<br>
body {<br>
margin-left: 0px;<br>
margin-right: 0px;<br>
margin-top: 4px;<br>
margin-bottom: 0px;<br>
background-color:#D6D1C4;<br>
color: #000000;<br>
}
Thanks so much. If you want, you can email or pm me the
correct code. Just post abck if there are more questions.
Thanks again.