HTML editor and wonky menu

User 385798 Photo


Registered User
3 posts

Hi all.
I am working on a new website and loaded some of the pages to have a look at them.
I hope you can help because I have no clue why my menu is going wonky on some pages and not others.

I have used a table to create a three column table.
First column = logo from the image file. This changes from page to page.
Second column = menu.
Third column = space for some advertising.

The different logos are all the same size.
I have copied and pasted the html from the index file across the other pages, however the menu shifts from page to page so that it is out of line with the middle column.

It isn't to do with the changing logo as it goes out of line on pages that use the same logo.

Why is it doing this?

Here are the pages that are okay
http://www.gardeners-in.co.uk
http://www.gardeners-in.co.uk/advertise.html

wonky pages
http://www.gardeners-in.co.uk/england.html
http://www.gardeners-in.co.uk/wales.html
http://www.gardeners-in.co.uk/scotland.html
http://www.gardeners-in.co.uk/northern-ireland.html
http://www.gardeners-in.co.uk/gardening-books.html

It might be that I am missing something very obvious in the html, but I've been staring at this for a couple of hours now so could do with some help.

All other comments welcome.

Thanks
Ru
User 355448 Photo


Ambassador
3,144 posts

Ru,

I checked the two good pages, then checked the other pages, and they all appear to be acting the same to me viewing with Firefox and IE6.

I checked the beginning of the middle column, and it remained constant and each page menu had the menu text in the same position.

I did notice that if you change the width of the browser window, the text will remain in a fixed position until your release the drag on the side of the window, and then the text jumps to the correct position. I suspect this is caused by having the position of the table re-drawn and the js then relocating.
User 37670 Photo


Registered User
2,138 posts

The only thing that I can see is that you don't use the same settings for your tables in each page. Example:
On one page, the table code reads:
<table border="0" width="800" align="center" bgcolor="#ffffff" cellspacing="0" cellpadding="0">

The same table on another page reads:
<table border="0" width="800" align="center" bgcolor="#ffffff" cellspacing="0" cellpadding="10">

They are almost identical, except for the cellpadding=""
Changing the value in between the "" will change the spacing of the cells within that table. 0 is no padding, 30 would be too much in most cases. I fyou don't match the cellpadding and cellspacing on each page, things will look offset.
E-Learning Specialist
www.mainsites.ca is my website, and yes, some of it is crappy.
User 385798 Photo


Registered User
3 posts

Thanks guys,

I managed to check the site on a different pc and it seems it is my laptop rather than my HTML that is wonky.

Thanks for the remind on the cell padding Cliff.

Ru

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.