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

ginetti

New member
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. :eek:

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 !
 
Last edited:

mhl12

New member
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.cgi?board=support&action=display&thread=1106175098&start=9
 

ginetti

New member
oh my, that is so helpful, my thanks, you've made my day :) :) :)

I was tearing my hair out over this lol
 
Top