You can accomplish the same effect as the frames using either tables or css.
To use a table based layout you would want to create one table that matches the layout for your frames.
HTML Code:
<table>
<tr>
<td colspan="2">Place your logo.htm html code here</td>
</tr>
<tr>
<td width="25%">html for links.htm here</td>
<td>html for content.htm here</td>
</tr>
<table>
You'll also need to move all your scripts and css into the new file. You'll no longer need separate files for logo.htm, links.htm, and content.htm.
Some of your body attributes like bgcolor and color can easily be added to your css:
body {background-color:#000000; color:#c0c0c0}
You can also use css though it can be a little bit more complicated if you're not familiar with css positioning. The easiest way I think would be to wrap the code for each of the three frame pages (logo.htm, links.htm, content.htm) and then position each of the three divs. Your html would look something like:
HTML Code:
<div id="logo">
html for logo.htm
</div>
<div id="links">
html for links.htm
</div>
<div id="content">
html for content.htm
</div>
and your css might be:
div#logo {position:absolute; top:0; left:0}
div#links {position:absolute; top:200px; left:0}
div#content {position:absolute; top:200px; left:300px}
I'm guessing at the values for the top and left positions. You'll also naturally want to add your scripts and any other css to style the background color and the color of the text above.
