Column problem !

[cacker]

Hi MJ

Hope the move went ok!

I carried out some changes to the layout of the tables on my home page and will use the revised layout as a template.

However, I have a problem I can't solve with the height of the cell on the right - containing the words "Diary Dates". This is set to 25, but it has a mind of its own and is higher ! Any ideas?

I have also posted a version of the home page called help.html and I have removed the scroller that sits under that cell, but this looks even worse!

Can you help?

Site address is http://cacker.50webs.com

add /help.html for the 2nd version

Thanks

Cacker :)

[MandyJay]

Hi, I have finally moved house, still unpacking. No broadband yet, that comes next week hopefully.

I am not entirely sure about ylur problem, but you still have tables not made correctly ... here is code

<td align="center" width="26" height="150" valign="top" rowspan="2"><div align="right">
<table border="0" cellpadding="0" style="border-collapse: collapse" width="98%" bgcolor="#C0C0C0">
<tr>
<p>&nbsp;</td> </tr>
</table>

that first TD is the narrow column you use as a separator column between left nav and main content, yet inside it you have set a table but there is no opening TD ......

that cant help.

MJ

[cacker]

Hi MJ

Before the problem above, I went back to a template which is as contactus.html. On the screen all looks fine with this and the thin column is there to seperate as you say. I then split the main area into two couluns so I could have a 160 wide column on the right for my news area.

Then after I add the scroller it seems to go wrong - but it is also wrong without the scroller too.

If there is another way than using the thin column to seperate - I will use it?

I also don't mind having a 160 wide column on the right (same as the menu area) which I can fill with things to do with the info displayed in the main area. Should this be a table - rather than a split column as I have tried ?

Hope u can help

Cheers

Cacker

[MandyJay]

Hi,
Sorry I am not responding so quick, soon get back to normal.

Another way of doing a spacer column, which I often use, is I will put a table inside the middle column but set it to 98% or 95% and align it either center or right (depending on the look you want) ... that way you get a 2% or 5% gap on the left between that table and the left column ......

Also, in your right column, I would have put a table in it, then put in my Diary Dates etc ... that way the table responds independently of the main table that it is in ....

Just one other pointer, you have not asked me about this, but would hate further down the line you shaking me and saying "why didn't you tell me about that earlier!!!" lol ... but your cell border colors .... that is a ton of code in your page - also maybe not compatible with Firefox .... if you used external style sheets, you could put all the border color code into that, and just apply a class to the cell ...... okay it would mean deleted a heck of a lot of stuff from your page now, as you would have to remove all the inline styles but ..... just a thought, and you may think worth doing ....

MJ

[cacker]

Hi MJ

I will try the 95% idea for the main area, thanks.

As most of the work on the site so far is all in the "Include" pages, plus spending time writing the text I want in the "Main" area relating to all the menu options, I have a question on the template?

I've been trying to add the 3rd column in the main area to hold the scroller on the right and this seems to have caused problems, so I will generate the table again from the start to have 3 columns.

You mention putting the scroller in a table in the right hand column - this means I will have a table in a table ?

Following your suggestion - I'd be happy to use external style sheets - can you point me in the direction of a good example ?

Thanks again

Cacker

[MandyJay]

Yes - you wil have a table inside a table cell. Make sure that the right column is vertically aligned "top" before you insert your table.

Style sheets.
File/new page ... from the templates select a blank Style sheet. Then with style sheet open - Format/Styles
you can set your borders in there - setting a Class name .... this site (http://www.w3schools.com/css/default.asp) will help you

MJ

[cacker]

Hi MJ

I guess/hope all is well with the house and broadband now and your settled in now ?

I can see how you use external style sheets after looking at the W3 site.

My question is, do I need to add the code, ie <h1>, in the code section of frontpage instead of anywhere using the design section ?

Cheers

Cacker

[MandyJay]

I dont really understand your question. If you want to use <h1> then you use it from the drop down format menu on the toolbar. So you would be in design view. But you dont have to use <h1> at all if you dont want ....

MJ

[cacker]

Hi MJ

That was quick !

If I draw a table in design mode and then want to add a border - for instance, I am wondering how I add the code relating to the CSS. I wondered if I had to drop into the code window and add it there - but I assume not by your previous reply ?

Cheers

Cacker

[MandyJay]

How are you adding your CSS .... in the Head tags or by external CSS ... if in the head tags, then in Design view you click on Format/Styles ... then from the styles box set the borders. If the borders are only for certain tables / cells and not all, then you also have to give the style a "class" - then you add the class to the table/cell which can be done from the table/cell properties box .....

is that what you are asking? ....

MJ

[cacker]

Hi

I think that is what I'm asking, but I was going to use external style sheets as per your previous reply, unless you think in the head tags is better ?

Cheers

Cacker :o)

[MandyJay]

External are better as then you only update that one page for the whole website to be updated, also it keeps unnecessary code out of the pages..

MJ

[cacker]

Hi

Ok, external it will be. But I just need to know the mechanics of adding the effect that is detailed in the external sheet ?

Cheers

Cacker

[MandyJay]

When you have created your external style sheet, you use the format/style - if it is table cell you want to have borders, then select the TD tag and then click on the New - in the next boxes give a class name and set the style ... it will (should) look exactly the same style box as when you set it from within the page ..... once you have done that (and linked the page to the style sheet) you add the class to your table cells ..... or whatever it is you are formatting .....have a play on a BLANK page ... do a table, no content, add the style sheet and experiment with the formatting .... p;ublish and give us the link if you hit problems ....

MJ