Dreamweaver/HTML table problem

[aliferste]

Hello ha...I have a problem with my website that is easier to show you

If you look at my first page http://www.theriverkelvin.co.uk/index.htm

and then look at another page http://www.theriverkelvin.co.uk/tips.htm

the menu is always in different places. This is even though the menu is in a table that is the same in all pages. Like this



Anyone good with dreamweaver know how to fix this?

[Paul K]

Hmmm well when I put Chimaeras' site together I built one basic main page and then launched the sub-pages into the main/centre frame so I didn't have to keep rebuilding the menus.
Are you using any formatting commands to centre text etc on the page as it could be throwing the page off slightly if the lines of text are different lengths on the different pages or image sizes are slightly different.

[aliferste]

The only difference is the amount of text on the different pages...but Im not sure why that would affect the menu system.

[Paul K]

Dunno to be honest, I'm no expert in html (as you can see from Chims' site) but I'm sure people will look in later that know a lot more than I do. It's more than likely an easy fix though, they often are

[MetaWraith]

Well as the menu system is not an independant table, of course it's affected.

I agree with Paul, in that I think it's easier to do that sort of layout with frames.

However if you want a frameless layout, one method you could try would be having a master table inside which are nested (as single columns) subtables for the menu and content) see below. Been over a year since last wrote HTML, forgive me if i'm rusty. Caveat Emptor etc.

<!-- master table -->
<table>
<TR>
 
<!-- Column 1, Menu -->
<TD>
<table>
<!-- Your menu TR,TD stuff goes here -->
</table>
</TD>
 
<!-- Column 2, Content -->
<TD>
<table>
<!-- Your content TR,TD stuff goes here -->
</table>
</TD>
</TR>
 
<!-- End main Table -->
</table>

If you want other methods, eg all CSS, then PM me or grab them from here (one of my pages)

[ikthius]

is all your width and height percentages the same? I see that in one you have a width of "18%" and on another you have "20%", try make both the same to see if it gets your result you want.

Personally I prefer to hand code web pages, its more fun and you can see problems as they arise.

ik
Edit: your table width and heights are not consistent, I know this does not matter for a lot of people, but this will let you have the same results all over.

e.g.
<table>
<tr>
<td width="10%" height="5%">something here</td>
<td> width="15%" height = 17%">something else here</td>
</tr>
</table>

amend the width and heights to be the sameas what you want.

<table>
<tr>
<td width="10%" height="5%">something here</td>
<td> width="10%" height = "5%">something else here</td>
</tr>
</table>

[ikthius]

or even this may work, i tested it looks fine for me, but you may have to play again with width and heights:

<table width ="10%" border="1"align="left">
<tr><td>data 1</td></tr>
<tr><td>data 2</td></tr>
<tr><td>data 3</td></tr>
</table>

<table width ="90%" border="1" align="right">
<tr><td>data 1 in the second table</td></tr>
<tr><td>data 2 in the second table</td></tr>
<tr><td>data 3 in the second table</td></tr>
<tr><td>data 4 in the second table</td></tr>
<tr><td>data 5 in the second table</td></tr>
</table>

ik

looking at your site it really only has 3 columns so you could make 3 tables for this:

<table width ="10%" border="1"align="left">
<tr><td>data 1</td></tr>
<tr><td>data 2</td></tr>
<tr><td>data 3</td></tr>
</table>

<table width ="10%" border="1"align="right">
<tr><td>data 1 in the 3rd table</td></tr>
<tr><td>data 2 in the 3rd table</td></tr>
<tr><td>data 3 in the 3rd table</td></tr>
</table>

<table width ="80%" border="1" align="center">
<tr><td>data 1 in the second table</td></tr>
<tr><td>data 2 in the second table</td></tr>
<tr><td>data 3 in the second table</td></tr>
<tr><td>data 4 in the second table</td></tr>
<tr><td>data 5 in the second table</td></tr>
</table>

notice how all the widths = 100%