PDA

View Full Version : Column problems & screen width


cacker
06-13-2006, 04:34 PM
Hi MJ

Haven't been here for a while - I trust your move went well ?

Been away - so not been able to work on my site until today.

I have uploaded it after making changes to index page - but I have a problem with the right hand column I have just added. What I wanted to do was add a colum on the right of the main area the same width as the left "menu-area", so that it looks the same. The new column is wider and I cannot seem to correct it ?

Also, I have put a left sided border on it - but it is not showing the right colour?

A while ago - I mentioned that sometimes it views at about 950 wide, but when I put the screen calipers on - I can't capture them when I do a screen capture. How do I do it? I am using PSP8.

Thanks in advance

Cacker
http://cacker.50webs.com

MandyJay
06-14-2006, 04:05 AM
Hi,
Actually I now move house definitely on 23rd June ..... has been a nightmare the whole thing so far ... but thats a nother story ....

Your columns. You have three columns each set for 160pixels wide, yet the table is set for 760 pixels, so one column has to expand to fill in the missing pixels ..... FP chose your right hand column!! So if you want both the right and left to be the same, fine but you have to expand your middle column to adjust for the lost pixels. So set that for 440 pixels.

MJ

cacker
06-14-2006, 11:34 AM
Thanks MJ

I've added a row to the main area (right column) and then added the scroller underneath it, but I have a big gap between the Text "Diary Dates" and the scroller box - any ideas, please.

Cheers

Cacker
http://cacker.50webs.com

MandyJay
06-14-2006, 12:06 PM
The code is all in the .js file, so not visible onthe page. But personally I dont think the gap looks too large, you can always make the words "Diary Dates" larger, like a heading.

But from the layout code on your page you have this: (lots of spaces between coding lines, not sure why you have those ....)

------------------------------

<td align="center" width="160" valign="top" height="5" style="border-left-style: solid; border-left-width: 1px">



<b>



<font color="#FF0000" size="1">Diary Dates:</font></b></td></tr>
<tr style="border-right: 1px solid #000000; border-bottom: 1px solid #000000">
<td align="center" width="160" valign="top" height="200" style="border-left-style: solid; border-left-width: 1px">
<script language="JavaScript">Tscroll_init (0)</script>

</span>
--------------------------------------------
You have a closing </span> there, but I cant find the opening <span> .... so if there isnt one, delete the closing one

You have height="200" - maybe would make a difference if you made it not so high??

Instead of having the scroller in a table cell try <div> scroller here </div> instead. Or put it in the same table cell as the words Diary Dates, put a <br> after Diary Dates for a single line return, then add the script, without having the scripts ect to play with I cant try out before making suggestions, so they may all be rather naff suggestions.....

You may find the script includes a border/margin, so check that. Also where does it call the information up ... check that to for extra border/margins.

MJ