Sign in Register
Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Connie DeCinko 931 posts 1160 karma points
    Apr 21, 2016 @ 18:30
    Connie DeCinko
    0

    Table alignment off in TinyMCE editor

    While editing a simple table, 5 columns, 1 row, the display alignment is way off in the back office, TinyMCE editor. I've looked at the html and see no reason for this. It looks fine on the published page.

    As you can see, pretty simple, image, text, blank, image, text.

    <table border="0" align="center">
<tbody>
<tr>
<td align="left" valign="top"><img class="img-responsive" src="/media/827241/geoffrey_trachtenberg_web_head_shot.jpg" alt="Geoff Trachtenberg 2014" width="85" height="120" rel="85,120" /></td>
<td align="left" valign="top">
<p><strong>President</strong><br />Geoffrey M. Trachtenberg<br /><a href="/{localLink:20033}" target="_blank" title="President Bio">Professional Bio</a></p>
</td>
<td width="50" align="left" valign="top"><img src="/media/13564/spacer.gif" alt="spacer" width="1" height="1" rel="1,1" /></td>
<td align="left" valign="top"><img class="img-responsive" src="/media/897826/john_phelps_80_x_120.jpg" alt="John Phelps Photo" width="85" height="120" /></td>
<td align="left" valign="top">
<p><strong>Executive Director</strong><br />John Phelps<br />State Bar of Arizona<br /><a href="/{localLink:1452}" title="Executive Director">Professional Bio</a></p>
</td>
</tr>
</tbody>
</table>

    But look at the odd alignment: screeshot

    How to fix this?

    Copy Link
  • Chriztian Steinmeier 2800 posts 8791 karma points MVP 8x admin c-trib
    Apr 21, 2016 @ 18:52
    Chriztian Steinmeier
    0

    Hi Connie,

    Have you checked the CSS that applies (and where it comes from)?

    It could be some rules in the Umbraco CSS, or some TinyMCE-supplied rules — though you should be able to override them from a stylesheet specified on the property editor.

    /Chriztian

    Copy Link
  • Connie DeCinko 931 posts 1160 karma points
    Apr 21, 2016 @ 19:04
    Connie DeCinko
    0

    I kinda thought the same but not seeing anything in developer tools in Firefox. Maybe I will take a look in Chrome or Edge dev tools. It's not showing anything applied.

    screenshot

    Very odd.

    Copy Link
  • Connie DeCinko 931 posts 1160 karma points
    Apr 21, 2016 @ 19:13
    Connie DeCinko
    100

    I found it.

    c:\inetpub\wwwroot\umbraco_client\tinymce3\themes\umbraco\skins\umbraco\content.css

    It starts with what looks like a reset of every tag known to man, and sets vertical-align:baseline for whatever odd reason.

    [actually I broke it trying to make the RTE look more like the actual site]

    Copy Link

  • This forum is in read-only mode while we transition to the new forum.

    You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Please Sign in or register to post replies