how would i implement a 3 column layout with this current html code?

B

BigBadBob(Admin)

New member
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head id="Head1" runat="server">
<title></title>
<link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.style1
{
width: 99%;
height: 160px;
}
.style2
{
width: 766px;
height: 127px;
margin-top: 10px;
}
.style3
{
width: 98%;
}
.style4
{
width: 139px;
height: 27px;
margin-left: 0px;
}
.style5
{
width: 140px;
height: 27px;
}
.style6
{
width: 198px;
}
.style7
{
width: 191px;
}
</style>
</head>
<body>
<form id="Form1" runat="server">
<div class="page">
<div class="main">

<table class="style1">
<tr>
<td bgcolor="#660066">
<img alt="Banner" class="style2" src="Images/Myla's%20Miracle%20Banner.jpg" /><br />
<br />
</td>
</tr>
<tr>
<td>
<table class="style3">
<tr>
<td>
<img alt="Home" class="style4" src="Images/Buttons/Home.png" /></td>
<td>
<img alt="Myla" class="style4" src="Images/Buttons/Myla.png" /></td>
<td>
<img alt="Mission" class="style5" src="Images/Buttons/Mission.png" /></td>
<td class="style7">
<img alt="Media" class="style4" src="Images/Buttons/Media.png" /></td>
<td class="style6">
<img alt="Donate" class="style4" src="Images/Buttons/Donate.png" /></td>
<td>
<img alt="Resources" class="style4" src="Images/Buttons/Resources.png" /></td>
</tr>
</table>
</td>
</tr>
</table>
<br />
<br />

</div>
</div>
</form>
</body>
</html>
 
Back
Top