The template causes the tables look bad.

Advanced and professional portal news Joomla template with community features and various content display layouts.
GK User
Wed Jun 12, 2013 9:21 pm
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
User avatar
Expert Boarder

GK User
Wed Jun 12, 2013 11:06 pm
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
User avatar
Platinum Boarder

GK User
Wed Jun 12, 2013 11:17 pm
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/
User avatar
Platinum Boarder

GK User
Thu Jun 13, 2013 6:01 am
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
User avatar
Expert Boarder

GK User
Thu Jun 13, 2013 6:13 am
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 :D
User avatar
Platinum Boarder

GK User
Thu Jun 13, 2013 6:34 am
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/
User avatar
Platinum Boarder

GK User
Thu Jun 13, 2013 2:37 pm
Perfect, I added in CUSTOM CSS field, and working properly.
User avatar
Expert Boarder

GK User
Thu Jun 13, 2013 6:19 pm
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
User avatar
Expert Boarder

GK User
Fri Jun 14, 2013 2:03 pm
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.
User avatar
Expert Boarder

GK User
Fri Jun 14, 2013 10:12 pm
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
User avatar
Platinum Boarder

GK User
Fri Jun 14, 2013 10:53 pm
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?.
User avatar
Expert Boarder

GK User
Sun Jun 16, 2013 10:01 am
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.
User avatar
Platinum Boarder

GK User
Sun Jun 16, 2013 10:55 am
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;
}
User avatar
Platinum Boarder

GK User
Sun Jun 16, 2013 8:10 pm
Perfect.
User avatar
Expert Boarder


cron