The template causes the tables look bad.

The template causes the tables look bad.

In JCE editor looks good.

12-06-2013 22-15-40.jpg

But after saving the changes it looks bad.

12-06-2013 22-15-14.jpg

I also causes this, and in JCE editor looks good, attached link.

http://www.sabiosdelpc.net/refrigeracio ... l?start=13

Hi,

The template causes the tables look bad.

Is not template but default settings table in JCE, please use Vertical alignment : center in table code.

Code: Select all

<tr valign="middle">

table.png

The vertical-align property sets the vertical alignment of an element.
middle - means that element is placed in the middle of the parent element.

Read here: http://phrogz.net/css/vertical-align/

did not work, still the same.

Also I have another problem with the link you put, there is even worse.

With the template I had before GameNews, looked good, it's weird.

http://www.sabiosdelpc.net/refrigeracio ... l?start=13

ok, I know , because first you have to use

Code: Select all

tbody, td, tr {vertical-align:middle;}

--> In out template Settings in CUSTOM CSS field,


So now you don't have to "play" with valign="middle" anymore, this above solution will works for all tables

p.s.
You can also for you own responsibility delete "vertical-align: baseline;" from file templates/gk_twn2/css/reset/meyer.css

line ~7

Because we use Reset CSS. The goal of a reset stylesheet is/was to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings ....bla bla bla .... http://meyerweb.com/eric/tools/css/reset/

Perfect, I added in CUSTOM CSS field, and working properly.

After this modification, I see that has caused this.

How I can fix it??

Custom CSS Code

Code: Select all

    tbody, td, tr {vertical-align:middle;}

13-06-2013 19-15-55.jpg

without using tables also looks bad.

14-06-2013 15-01-01.jpg

The modification is indicated you down, that's what you told me to do.

So I see that the only solution you need for <table> is :
1) use other CSS reset stylesheets (check css/reset folder & template settings)
2) add manually each time you need valign="middle"
OR

Code: Select all

 tbody, td, tr {vertical-align:top;}


Maybe "top" will be better for you then "middle".

p.s

For <UL> you have to show me where (full URL) you have this issue

Here you can see the problem.

http://www.sabiosdelpc.net/component/co ... s-vga.html

I put the code you gave me and it still looks bad, look at the link you've spent.

The problem I see in the link, it is because to put that code.

But if I put the boards look bad, with the template Game News they looked good.

What I can do?.

first, please update your template gk_twn 2 , new update was in 12 Jun 2013.
But you're right our typography was not designed to use more then one line of text in <li>.

This is a little bit old template.

Try this it could help a little:

Code: Select all

 div.articleContent ul li,#k2Container div.itemBody ul li
{padding: 2px 0 2px 28px;
line-height: 1.5em !important; }

OR You can also add this value inside:
templates/gk_twn2/css/typography.style2.css

At the bottom the file:

Code: Select all

 div.articleContent ul li,#k2Container div.itemBody ul li {
   margin: 10px 0 !important;
   list-style-position: inside;
   overflow: inherit;
   line-height: 1.5em !important;
    padding: 2px 0 2px 28px;
    position: relative;
}

Perfect.