Html help, as I can't find it anywhere else.

[ginetti]

Hello fellow emulator lovers,

Firstly, I've just bought Dreamweaver and I hold a very basic understanding of html, as in I can construct a basic page, the background, make tables etc.

I thought I’d buy Dreamweaver to make lifer easier, and it did, until I wanted to try out something like this websites home page in terms of its design.

What I mean is, this website on the home page, has 2 columns of menus either side, left and right, and the main context in the middle. (I’m discounting the menu across the top for now.)

I have tried to emulate (pardon the pun) this design using tables.

I'd create 1 table with 3 columns and each column contains as many rows as I need.

However this is proving incredibly difficult, as at times one column does not match in width to the one adjacent, and every thing gets messed up.

I would like to know how one designs a web page with the same design in mind of having 2 menus either side of the main content, which would be featured in the middle, akin to this web sites home page www.emulator-zone.com

I think it looks fantastic and is incredibly functional, and certainly popular on the www as far as I’ve seen.

Any help in this regard would be mostly appreciated.

Regards,

ginetti.


EDIT: this website is the perfect examle: http://www.animeondvd.com/search/index.php

Where you see the "search" in the middle, is where i watn my content, and to ether side (left and right of page) you see menu's in their own collum. How do i achieve this. Again many thanks !

[mhl12]

taken from proboards support forum:

HOW TO ADD A SIDE MENUBAR TO YOUR BOARD

THIS ONE IS FOR THE RIGHT SIDE OF YOUR BOARD

PUT THIS IN YOUR HEADERS

<table border="0" width="100%" height="90%" align="center" valign="center">
<tr>
<td valign="top">

AND THIS IN YOUR FOOTER

</td>
<td width="100" valign="top"><BR/><BR/>
<table border=0 width="100%" cellspacing="0" cellpadding="0" valign="center">
<tr>
<td class="titlebg" align="center">
<font class="text1" size="2"><b>board title here</b></font></td>
</tr>
<tr>
<td class="catbg" height="18" align="center">
<font size="2" class="cattext"><b>Links</b></font></td></tr><tr>
<td align="center" class="windowbg2">
<!--links etc insert here -->
</td>
</tr>
<tr>
<td class="catbg" height="18" align="center">
<font size="2" class="cattext"><b>News</b></font></td></tr><tr>
<td align="center" class="windowbg2">
<!-- News etc insert here -->
</td>
</tr>
<tr>
<td class="catbg" height="18" align="center">
<font size="2" class="cattext"><b>Counter</b></font></td></tr><tr>
<td align="center" class="windowbg2">
<!-- Counter etc insert here -->
</td>
</tr>
</table>
</td>
</tr>
</table>



THIS ONE IS FOR THE LEFT HAND SIDE


<table border="0" width="100%" height="90%" align="center" valign="center">
<tr>
<td width="100" valign="top"><BR/><BR/>
<table border=0 width="100%" cellspacing="0" cellpadding="0" valign="center">
<tr>
<td class="titlebg" align="center">
<font class="text1" size="2"><b>board title here</b></font></td>
</tr>
<tr>
<td class="catbg" height="18" align="center">
<font size="2" class="cattext"><b>Links</b></font></td></tr><tr>
<td align="center" class="windowbg2">
<!--links etc insert here -->
</td>
</tr>
<tr>
<td class="catbg" height="18" align="center">
<font size="2" class="cattext"><b>News</b></font></td></tr><tr>
<td align="center" class="windowbg2">
<!-- News etc insert here -->
</td>
</tr>
<tr>
<td class="catbg" height="18" align="center">
<font size="2" class="cattext"><b>Counter</b></font></td></tr><tr>
<td align="center" class="windowbg2">
<!-- Counter etc insert here -->
</td>
</tr>
</table>
</td>
<td valign="top">

AND THIS IN YOUR FOOTER

</td>
</tr>
</table>

THIS ONE IS FOR BOTH SIDES

<table border="0" width="100%" height="90%" align="center" valign="center">
<tr>
<td width="100" valign="top"><BR/><BR/>
<table border=0 width="100%" cellspacing="0" cellpadding="0" valign="center">
<tr>
<td class="titlebg" align="center">
<font class="text1" size="2"><b>board title here</b></font></td>
</tr>
<tr>
<td class="catbg" height="18" align="center">
<font size="2" class="cattext"><b>Links</b></font></td></tr><tr>
<td align="center" class="windowbg2">
<!--links etc insert here -->
</td>
</tr>
<tr>
<td class="catbg" height="18" align="center">
<font size="2" class="cattext"><b>News</b></font></td></tr><tr>
<td align="center" class="windowbg2">
<!-- News etc insert here -->
</td>
</tr>
<tr>
<td class="catbg" height="18" align="center">
<font size="2" class="cattext"><b>Counter</b></font></td></tr><tr>
<td align="center" class="windowbg2">
<!-- Counter etc insert here -->
</td>
</tr>
</table>
</td>
<td valign="top">

AND THIS IN YOUR FOOTER

</td>
<td width="100" valign="top"><BR/><BR/>
<table border=0 width="100%" cellspacing="0" cellpadding="0" valign="center">
<tr>
<td class="titlebg" align="center">
<font class="text1" size="2"><b>board title here</b></font></td>
</tr>
<tr>
<td class="catbg" height="18" align="center">
<font size="2" class="cattext"><b>Links</b></font></td></tr><tr>
<td align="center" class="windowbg2">
<!--links etc insert here -->
</td>
</tr>
<tr>
<td class="catbg" height="18" align="center">
<font size="2" class="cattext"><b>News</b></font></td></tr><tr>
<td align="center" class="windowbg2">
<!-- News etc insert here -->
</td>
</tr>
<tr>
<td class="catbg" height="18" align="center">
<font size="2" class="cattext"><b>Counter</b></font></td></tr><tr>
<td align="center" class="windowbg2">
<!-- Counter etc insert here -->
</td>
</tr>
</table>
</td>
</tr>
</table>

for more info go here: http://support.proboards.com/index.c...175098&start=9

[ginetti]

oh my, that is so helpful, my thanks, you've made my day

I was tearing my hair out over this lol

[Tomtaru]

You should do that it hurts...trust me on that one it realy does......