Formatting Issues in Visual Editor

  • Resolved GreenTea Tech

    (@mcanovas)


    9 years, 8 months ago

    I’m having formatting issues. On my visual editor, I see this:

    name system-admin
    service_notification_period 24×7
    host_notification_period 24×7
    service_notification_options w,u,c,r,f,s
    host_notification_options d,u,r,f,s
    service_notification_commands notify-service-by-email
    host_notification_commands notify-host-by-email

    It looks good. However, when I check my blog, it looks like this:

    name system-admin
    service_notification_period 24×7
    host_notification_period 24×7
    service_notification_options w,u,c,r,f,s
    host_notification_options d,u,r,f,s
    service_notification_commands notify-service-by-email
    host_notification_commands notify-host-by-email

    I already checked the text editor and didn’t find anything wrong.
    I also deactivated all plugins and cleared cache from my browser. No changes.

    I saw a solution using CSS code in the text editor. Something like <div> code </div>.
    It tried that on my post and it worked for my computer, but if I check my blog from a mobile device with a smaller display, the space between the 2 columns is two small, and the CSS is not fixed. It changes when I resized my window.

    Any solution to this issue?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter GreenTea Tech

    (@mcanovas)

    9 years, 8 months ago

    Well, my question didn’t format correctly.
    It looks like the same issue I’m having on my blog, I’m also having here.

    where you see “…..” it should be space.

    name………………………………………system-admin
    service_notification_period…………24×7
    host_notification_period…………….24×7
    service_notification_options………..w,u,c,r,f,s
    host_notification_options……………d,u,r,f,s
    service_notification_commands……notify-service-by-email
    host_notification_commands……….notify-host-by-email

    See. I need each line to be aligned.

    But my blog shows:

    name………………………………………….system-admin
    service_notification_period…………24×7
    host_notification_period…………….24×7
    service_notification_options………w,u,c,r,f,s
    host_notification_options…………….d,u,r,f,s
    service_notification_commands……….notify-service-by-email
    host_notification_commands……….notify-host-by-email

    Not correct.

    vtxyzzy

    (@vtxyzzy)

    9 years, 8 months ago

    I think that you are using a variable width font, so that different letters take up different amounts of horizontal space. One way to get around that is to use a table where the first column contains the labels and the second column contains the values.

    The TinyMCE Advanced plugin will let you add several useful functions to the editor, one of which is a table manager. This makes it fairly easy to insert tables into your posts.

    Thread Starter GreenTea Tech

    (@mcanovas)

    9 years, 8 months ago

    I already use TinyMCE Advanced plugin, and your suggestion is good. I would do that if the borders of the table were invisible. I tried <table style=”border: none; border-collapse: collapse;” border=”0″ cellspacing=”0″ cellpadding=”0″ width=”100%” align=”center”>, and it didn’t do a thing.

    I don’t know how to check or change the font I’m using. I don’t see an option for that, just HTML formatting (paragraph, H1, H2, etc).

    vtxyzzy

    (@vtxyzzy)

    9 years, 8 months ago

    TinyMCE Advanced has a Font Select icon. The only bad thing is that it only allows ‘web safe’ fonts.

    If you will provide a link to your site where the problem table can be seen, we might be able to provide the CSS to hide the borders.

    Thread Starter GreenTea Tech

    (@mcanovas)

    9 years, 8 months ago

    Ah! That’s great!
    I went to TinyMCE Settings and added the button for font selection and font size. That actually did the trick. I selected a font and size and it looks much better.

    I tried a few CSS containers on my post (http://martincanovas.com/organizing-nagios-configuration-files-on-centos-6/), and they worked, but I have many definitions on this post with two columns and it would be painful to start writing in CSS. That would defeat my goal which is to write a blog, not coding.

    Thanks you!

    vtxyzzy

    (@vtxyzzy)

    9 years, 8 months ago

    I think you misunderstand. You would create your blog pages using the table and write 1 or 2 CSS rules to turn off the borders.

    Thread Starter GreenTea Tech

    (@mcanovas)

    9 years, 8 months ago

    I understood you correctly.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Formatting Issues in Visual Editor’ is closed to new replies.