I'm having trouble laying out my website using TABLES.I want to create a basic table layout for my main page on:
(http://www.geocities.com/digitaleassassin)
I want two columns on the left and right side of my site
each about 175-200 width/pizels and using bgcolor="0000FF". Also,I would like two rows that runs across the top and bottom of the two columns created.
I want the layout to work on most browsers and screen resolutions,so a 600 res. would be ideal.
Thanks
In advance!
------------------
The Beware of the Digital Assassin.
<html>
<head>
<title>Put your site's title here</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
a { font-weight: bold; color: #3333FF; text-decoration: none}
a:hover { color: #3333FF; text-decoration: underline; font-weight: bold}
a:visited { font-weight: bold; color: #FF0033; text-decoration: none}
-->
</style>
<!--This site was created with the help of http://www.CandMWebDesign.com.-->
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#3333FF" vlink="#FF0000">
<div align="center">
<h1>Put your title here.</h1>
<table width="100%" border="1" cellspacing="0" cellpadding="0" align="center">
<tr align="left" valign="top">
<td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
<td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
<td width="60%" rowspan="5" nowrap>This is where you can put your main text
for your pages.</td>
<td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
<td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
</tr>
<tr align="left" valign="top">
<td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
<td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
<td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
<td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
</tr>
<tr align="left" valign="top">
<td width="175" bgcolor="#0000FF"><font color="#FFFFFF">This area is a spacer,
it needs to here. You can just delete this text.</font></td>
<td width="175" bgcolor="#0000FF"><font color="#FFFFFF">This area is a spacer,
it needs to here. You can just delete this text.</font></td>
<td width="175" bgcolor="#0000FF"><font color="#FFFFFF">This area is a spacer,
it needs to here. You can just delete this text.</font></td>
<td width="175" bgcolor="#0000FF"><font color="#FFFFFF">This area is a spacer,
it needs to here. You can just delete this text.</font></td>
</tr>
<tr align="left" valign="top">
<td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
<td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
<td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
<td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
</tr>
<tr align="left" valign="top">
<td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
<td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
<td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
<td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
</tr>
</table>
<br>
<table width="75%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr align="center" valign="middle">
<td width="50%">
<div align="center">Enter your copyright info here.</div>
</td>
<td width="50%">
<div align="center"><font size="1">This site was
created with the help of</font><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><br>
</font><a href="http://www.candmwebdesign.com" target="_blank"><font face="Georgia, Times New Roman, Times, serif" size="4">C
and M<br>
Web Design</font></a><font size="1"></font><font size="1"><br>
Visit <a href="http://www.candmwebdesign.com" target="_blank">C and
M Web Design</a> to find out how your business can utilize the Internet
to increase sales, drive in foot traffic and build brand loyalty.</font></div>
</td>
</tr>
</table>
</div>
</body>
</html>
This will work in both browsers just fine. Just make the border = "0". I made the border = "1" so you could see the page if you viewed it using your browser. I also gave you a little CSS action. Hope you don't mind!
Bookmarks