Joomla Templates Club 406,261 posts

[woody Friend woodyJoin date: March 2006Posts: 26Downloads:0Uploads:0]

#123341

Hi – can someone tell me how to make text appear as ‘normal’ size when typed into a table cell?

If I add a table to a static content page using tinymce and then type in one of the cells, the text appears REALLY BIG. It seems to appear fine if it’s saved and viewed through the frontend, but if I return back into admin and view through TinyMce, it’s really big and upsets the editor layout.

I’m aware that there is a separate CSS for some of the TinyMce styles, but have had no luck tracking down how to get the text to display at the default size.

PLEASE can someone help!!

Thanks.

[woody Friend woodyJoin date: March 2006Posts: 26Downloads:0Uploads:0]

#231324

Hi – I’ve isolated the source as it is rendered by the editor. I just can’t seem to find why TinyMce makes text appear so big when its in a table cell.

<td valign=”top” align=”left” colspan=”2″>
Text: (required)<br />

<textarea id=”introtext” name=”introtext” cols=”75″ rows=”50″ style=”width:100%;px; height:500px;” mce_editable=”true”>
This is standard size text
<table border=”0″ cellspacing=”0″ cellpadding=”0″ width=”100%”>
<tbody><tr><td><span class=”tablecell”> This text in cell is too big.</span></td></tr></tbody>
</table>
</textarea>
<br /><img src=”/mambots/editors-xtd/mosimage.gif” onclick=”tinyMCE.execCommand(‘mceInsertContent’,false,'{mosimage}’)” alt=”{mosimage}” />
<img src=”/mambots/editors-xtd/mospage.gif” onclick=”tinyMCE.execCommand(‘mceInsertContent’,false,'{mospagebreak}’)” alt=”{mospagebreak}” />
</td>

[woody Friend woodyJoin date: March 2006Posts: 26Downloads:0Uploads:0]

#231325

Now worked out that if I give a table cell a CSS style and the style is defined in PIXELS it will hold, but his overides the ability for the user to choose to enlarge the text using the frontend controls.

.tablecell {
color: #000000;
font-size: 10px;
}

If I set the CSS to a percentage, it renders perfectly on the front of the site, but the admin view of the text becomes REALLY BIG again! Grr!

.tablecell {
color: #000000;
font-size: 100%;
}

How to control the text size appearance within the wysiwyg??

This is the table cell styling…

<td class=”tablecell”>

[Author]

Posts