Help with HTML columns. [solved]

[Kerny mantis]

Greetings!
I've been trying to hammer a new format out for my website with navigation buttons on the side rather than at the top, and the comic to the left rather than under the buttons. I've been reading HTML tutorials and have assembled a prototype page to troubleshoot errors.

Everything is fine with the exception of one problem: I can't get my nav buttons and comic to stay at the same level. When my nav buttons are gone, the comic is in its proper place. But when the nav buttons are there, the comic is pushed down the page for no good reason. I'd like to reinforce the fact that I've done this with columns.

I need help.

Page without nav buttons: http://kernymantis.comicgenesis.com/prototype.html
Page with nav buttons: http://kernymantis.comicgenesis.com/prototype2.html

Thanks in advance.

[Dr Neo Lao]

The problem is that you have two < table > but three < /table > so browsers assume that you have three tables rather than two. This is why you are getting the "push down" effect.

It looks to me like you want the drop-down below the nav buttons, so this is the general layout that you want:

Code: Select all

<table><tr>

<td>

The nav button code

<br>  {in order to move down a line, use two or more for a bigger space }

The drop-down code  { notice that this is still in the same table cell }

</td>
<td> {this will split the page into tw ocolumns, the above is the left column, below is the right column }

Comic

Comic buttons (next / back / etc)

</td>
</table>

So the things that you need to change are:

1. Underneath the Nav buttons, remove that < /td > < td > combination.
2. Remove the table around the drop-down code. It's not doing anything (it looks to me like it wants to change the look of the drop-down, but to do that you need to set the style inside the form, not outside it).
3. On the line at the end of the drop-down you have a < /td > that should not be there. You want it after the < /form >, not before.*

*Change this line:

Code: Select all

</select>&nbsp;<input type="submit" value="Go!"></td></form></table> <br>

to this:

Code: Select all

</select>&nbsp;<input type="submit" value="Go!"></form></td>

[Kerny mantis]

Thanks! As soon as I make some new nav buttons, it'll be on the site.