Page 1 of 1

Solving problems with tables in CMSMS 1.0.2

Posted: Sat Nov 25, 2006 1:41 pm
by luctay
I like others found that I had problems with tables when using CMSMS 1.0.2, problems I hadn't experienced with previous releases.

1. Couldn't see the borders of tables in FCKeditorX resulting in trying to insert data 'blind'.

Here is a solution to this: http://forum.cmsmadesimple.org/index.ph ... 637.0.html

adding

table td {
border:1px dashed black !important;
}

beneath

* This affects every tag */
* {
border:0 !important; /* again no borders on printouts */
}

In the 'Print' stylesheet

So that solved that problem but there was another:

2. Inability to style tables (padding, borders) within FCKeditorX

This was really annoying as I was trying to create sites that could be updated by people with no knowledge of website design.  On one site I created a stylesheet for tables that would create the padding and border settings but this solution was limiting.  The offending entry seems to be on the 'layout' stylesheets:

Commenting out (or deleting) the first entry

{
margin:0;
padding:0;
}

seems to solve this problem.

See: http://www.pippatideman.co.uk/index.php?page=test

The site does not seem to have suffered from these alterations in the browsers I have checked it in (Firefox 2.0, IE 6, Opera 9).

I hope that this is helpful to others but being a bit of a CSS fumbler I am not sure why these entries had to be in -  I notice that margin and padding setting don't appear in older versions of CMSMS.

Maybe in future release of CMSMS the table issue could be solved

Re: Solving problems with tables in CMSMS 1.0.2

Posted: Sat Nov 25, 2006 3:16 pm
by luctay
Spoke too soon - said I was a CSS stumbler:

should have just commented out the

padding:0;

and left the margin alone

on the layout stylesheet - seems to be OK now.

Re: Solving problems with tables in CMSMS 1.0.2

Posted: Thu Nov 30, 2006 11:26 am
by teackele
had teh same problems...
fix  #1 to see the table borders in the editor worked for me
fix #2 introduced a lot of new problems

finally i came up with the next solution (tested in IE and firefox)
replace:
* {
margin:0;
padding:0;
}

with:
body,div,h1,h2,h3,h4,h5,h6,a,li,ul,hr,form,input {
margin:0;
padding:0;
}

hope it  works for you..