Joomla Templates Club 406,261 posts

[perdu Friend perduJoin date: June 2007Posts: 227Downloads:0Uploads:26 Thanks: 10 Thanked: 20 times in 1 posts]

#144817

Something in teline’s css is stripping the formatting from my tables in content items, I’ve looked through the css but can’t figure out which bit is causing it. It’s taking out all the table background colours and font colour. I’m entering in the html code without using the editor.

Table code:<table border=”1″ width=”100%” style=”border-collapse: collapse” bordercolor=”#81C4E4″>

<tr>
<td colspan=”2″ bgcolor=”#81C4E4″><font color=”#FFFFFF”><b>Test</b></font></td>
<td colspan=”2″ bgcolor=”#81C4E4″><font color=”#FFFFFF”><b>Testing</b></font></td>
</tr>
<tr>
<td><b>€</b></td>
<td> </td>
<td><b>€</b></td>
<td><b>%</b></td>
</tr>
<tr>
<td>Less than</td>
<td> </td>
<td>7,922</td>
<td>5</td>
</tr>
<tr>
<td>7,922</td>
<td>to</td>
<td>15,636</td>
<td>10</td>
</tr>
<tr>
<td>15,636</td>
<td>to</td>
<td>31,271</td>
<td>15</td>
</tr>
<tr>
<td>31,271</td>
<td>to</td>
<td>542,036</td>
<td>20</td>
</tr>
<tr>
<td>542,036</td>
<td>to</td>
<td>886,020 </td>
<td>30</td>
</tr>
<tr>
<td>886,020</td>
<td>to</td>
<td>1,772,041</td>
<td>35</td>
</tr>
<tr>
<td>1,772,041</td>
<td> </td>
<td>Upwards</td>
<td>40</td>
</tr>

</table>

[perdu Friend perduJoin date: June 2007Posts: 227Downloads:0Uploads:26 Thanks: 10 Thanked: 20 times in 1 posts]

#319494

Anyone else having a problem with tables?

[hpromoter Friend hpromoterJoin date: October 2007Posts: 7Downloads:1Uploads:0 Thanks: 3]

#320471

I have the same problem with ja halite. did you find any solution?
I tried to use modules like specialhtml, but they don’t work 🙁
you can find the modules at http://extensions.joomla.org/extensions/edition/custom-code-in-modules

Edit: It seems we need to write style codes for tables
try the code
<td style=”background-color: #81C4E4″ >
instead of
<td bgcolor=”#81C4E4″ >

[thongtinhanquoc Friend thongtinhanquocJoin date: November 2008Posts: 33Downloads:0Uploads:1 Thanks: 12 Thanked: 5 times in 3 posts]

#320487

I also got a problem with table alignment in content item, for IE, it’s in the center as I set but for FF, it’s always in the left. Don’t know why. Still digging it out 😀

[mizushobai Friend mizushobaiJoin date: September 2009Posts: 11Downloads:0Uploads:0 Thanks: 6]

#321858

did anyone find a solution for that?
Even padding, margin and borders won’t work correctly.
Or do i have to use a support ticket?

(guess so)

[mihirc Friend mihircJoin date: December 2008Posts: 597Downloads:0Uploads:3 Thanks: 62 Thanked: 95 times in 39 posts]

#321859

<em>@perdu 147348 wrote:</em><blockquote>Something in teline’s css is stripping the formatting from my tables in content items, I’ve looked through the css but can’t figure out which bit is causing it. It’s taking out all the table background colours and font colour. I’m entering in the html code without using the editor.

Table code:<table border=”1″ width=”100%” style=”border-collapse: collapse” bordercolor=”#81C4E4″>

<tr>
<td colspan=”2″ bgcolor=”#81C4E4″><font color=”#FFFFFF”><b>Test</b></font></td>
<td colspan=”2″ bgcolor=”#81C4E4″><font color=”#FFFFFF”><b>Testing</b></font></td>
</tr>
<tr>
<td><b>€</b></td>
<td> </td>
<td><b>€</b></td>
<td><b>%</b></td>
</tr>
<tr>
<td>Less than</td>
<td> </td>
<td>7,922</td>
<td>5</td>
</tr>
<tr>
<td>7,922</td>
<td>to</td>
<td>15,636</td>
<td>10</td>
</tr>
<tr>
<td>15,636</td>
<td>to</td>
<td>31,271</td>
<td>15</td>
</tr>
<tr>
<td>31,271</td>
<td>to</td>
<td>542,036</td>
<td>20</td>
</tr>
<tr>
<td>542,036</td>
<td>to</td>
<td>886,020 </td>
<td>30</td>
</tr>
<tr>
<td>886,020</td>
<td>to</td>
<td>1,772,041</td>
<td>35</td>
</tr>
<tr>
<td>1,772,041</td>
<td> </td>
<td>Upwards</td>
<td>40</td>
</tr>

</table>
</blockquote>
Hello,

At first glance I would suggest, that instead of inputting it in the table code itself, you give a class to the table, and rows and then add the styling in the css.

There might be some css conflicting issues and that is why the problem might be occuring. I will take a look at it.

Regards,
Mihir Chhatre.

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#321860

Actually, I have the same problem. And namely absence of table borders in IE8, Opera10. FF3 shows grid between cells, but not the surrounding border for entire table.

What happens is that in addons.css there is a statement

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
font-size:100%;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
}

In other words, tags table, caption, tbody, tfoot, thead, tr, th, td by default have no border (border:0 none;).

Actually, I’d like they by default to have a border.

[midsomer Friend midsomerJoin date: February 2010Posts: 82Downloads:0Uploads:13 Thanks: 27 Thanked: 5 times in 1 posts]

#350019

I have a similar issue that I can’t resolve. I looked for answers in the forum but I didn’t see a solution.

In my case I simply added a comparison table in an article and added a background color to a row as a section header. It shows up fine in the article editor, and shows okay in Firefox but does not show a backgound in IE 6/7.

I checked it also with a Kyanite II raw quickstart install adding it to an article and it’s the same. >:(

The article html is…

<tr class=”features_cat”>
<td>Website Address and Hosting</td>
<td width=”90px”>Planned</td>
<td width=”90px”>To Do</td>
<td width=”90px”>Doing</td>
<td width=”90px”>Done</td>
</tr>

The CSS is…

table.features_table tr.features_cat{
background:#789AAF;
color:#E4FFCF;
font-size:14px;
font-weight:bold;
vertical-align: middle;
text-align: center;
}

I tried an inline style also but no change :((
<tr style=”background:#789AAF”>

Does anyone else have this problem, and is there a fix?

Here’s hoping,

Midsomer

[midsomer Friend midsomerJoin date: February 2010Posts: 82Downloads:0Uploads:13 Thanks: 27 Thanked: 5 times in 1 posts]

#350075

I experimented with tables with cell backgrounds on several joomla! templates and they all have the same ‘not showing backgrounds’ on IE6/7. So IE is the culprit. I have seen nice comparison tables that display ok on IE on other joomla! sites but couldn’t figure how they did it. Here’s one example http://www.acyba.com/en/acymailing.html maybe a script somewhere?

I used JCE Editor in the backend article editor and found that I was able to select and edit the properties of a row or cell, which also includes a background color in the advanced properties. JCE did the work and came up with this code that works in IE.

<tr class=”features_cat”>
<td style=”background-color: #789aaf;”>Website Address and Hosting</td>
<td style=”background-color: #789aaf; width: 90px;”>Planned</td>
<td style=”background-color: #789aaf; width: 90px;”>To Do</td>
<td style=”background-color: #789aaf; width: 90px;”>Doing</td>
<td style=”background-color: #789aaf; width: 90px;”>Done</td>
</tr>

The use of this style does not work in <tr> unfortunately.

Hope this helps someone else. Keep spreading the word on switching from IE to all your users!

[Author]

Posts