skiairplane
New member
I am new to this so please be patient. I have written my first HTML code, but the boxes are all connected together. I need the to be the same width and length as you see, but separated. Here is my code below. I want the entire page to execute center, but I am stuck as to why all my boxes are connected and all the way to the left when I run it?? Any expert help is appreciated.
<html>
<body>
<div id=”layer”>
<head>
<title> Resource Guide </title>
</head>
<table width="400px" border="1">
<tr>
<td colspan="2" style="background-color:white;">
Header<H1 align="center">
</td>
</tr>
<tr>
<td style="background-color:white;width:100p…
Hyperlinks Here
</td>
<td style="background-color:white;height:400…
Context Here
</td>
</tr>
<tr>
<td colspan="2" style="background-color:white;">
Footer
</td>
</tr>
</table>
<html>
<body>
<div id=”layer”>
<head>
<title> Resource Guide </title>
</head>
<table width="400px" border="1">
<tr>
<td colspan="2" style="background-color:white;">
Header<H1 align="center">
</td>
</tr>
<tr>
<td style="background-color:white;width:100p…
Hyperlinks Here
</td>
<td style="background-color:white;height:400…
Context Here
</td>
</tr>
<tr>
<td colspan="2" style="background-color:white;">
Footer
</td>
</tr>
</table>