Skip to content Skip to sidebar Skip to footer

Numbered Lists Not Working Using Php, Ckeditor And Outlook

When i write a text using CKEditor in my application and format it as a numbered list it is displayed correct like Answers to your questions: 1. First Answer 2. Second Answer

Solution 1:

Here's a JS fiddle: http://jsfiddle.net/GHC7m/81/

Outlook does not understand OL / UL tags, and also will add extra padding to P tags. In order to format the text you have, I've turned those into div tags. These need to be included around any text, including text within a TD. Outlook also has some oddities around padding / margin vs how other email rendering clients handle those properties if I recall correctly, but you should search out more info on that on SO.

Don't ever try to apply padding or margins to your TD or TR tags, it will mess up your table. You should also add your font-family, font-size, and line-height on all of your divs.

<divstyle="font-family: Times, georgia, serif; font-size: 13px; line-height: 17px;color:#1f497d">Answers to your questions:</div><tablecellspacing="0"cellpadding="0"><tr><tdwidth="30"align="center"valign="top"><divstyle="font-family: Times, georgia, serif; font-size: 13px; line-height: 17px;color:#1f497d;text-align:center;">1.</div></td><tdwidth="200"align="left"valign="top"><divstyle="font-family: Times, georgia, serif; font-size: 13px; line-height: 17px;color:#1f497d;">
                    First answer 
                </div></td></tr><tr><tdwidth="30"align="center"valign="top"><divstyle="font-family: Times, georgia, serif; font-size: 13px; line-height: 17px;color:#1f497d;text-align: center;">2.</div></td><tdwidth="200"align="left"valign="top"><divstyle="font-family: Times, georgia, serif; font-size: 13px; line-height: 17px;color:#1f497d">
                    Second answer
                  </div></td></tr></table>

Post a Comment for "Numbered Lists Not Working Using Php, Ckeditor And Outlook"