WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Why wont WP editor display border (3 posts)

  1. bobcatou
    Member
    Posted 3 years ago #

    To make a long story short. I can do what I need to do, (put a border around some text next to a picture) by coding manually and putting attributes in my style sheet.
    My brother, who I am doing this work for wants to be able to add content the page though and he can only work in the WP visual editor so I am trying to set up the page only through the visual editor for him and using the plugin "Tinymce Advanced" to create the table.

    Here is my problem. The picture below is what I want to achieve.

    http://www.listentothewind.com/temp/css.jpg

    Like I said, I'm using TinyMCE Advance to create the border and for some reason, the WP visual editor WILL show a border around my text like you see below.

    http://www.listentothewind.com/temp/tinymcepreview.jpg

    but the output on a webpage shows this
    http://www.listentothewind.com/temp/tinymceoutput.jpg

    I cannot figure out for the life of me, why a border won't show. Like I said, I can do this in CSS but I want to be able to only do this in the Visual WP editor so I can show my brother how to get this done for himself.

    Here is the code:

    <table style="border-color: #000000; border-width: 1px;" border="1">
    <tbody>
    <tr>
    <td>
    <p>Mistakes are made in every other human endeavor. Why should nuclear weapons be exempt?….</p>
    <p>After I became an American citizen, the thing that stands out so clearly in my mind is the Reagan /Gorbachev summit at Reykjavik. The leaders of the two most powerful nations on earth were actually discussing the elimination of nuclear weapons. Such a breathtaking possibility. I still remember the thrill of it. I’ll never forget the photos of a grim President Reagan as he left the summit after the negotiations broke down. Even though the negotiations failed, I think the very talks themselves reassured the world. The world saw that both nations desired to be free of the nuclear curse</p>
    <p><a href="http://media.hoover.org/sites/default/files/documents/Drell_Goodby_Schultz_Reykjavik_Revisited_xi.pdf" target="_blank">Full Address</a></p>
    </td>
    </tr>
    </tbody>
    </table>

    Thanks a bunch. I'm learning alot on this board and with HTML in general but things like this want me to pull out the little hair that I have.

    Bryan

  2. Try this instead and see if it works:

    <table style="border: 1px solid #000000;">

    If it doesn't please provide a link to your site so that we can look at the source code.

  3. bobcatou
    Member
    Posted 3 years ago #

    Thanks...that work!!!. I don't know why tinymce advance table maker wouldn't.

    Ultimately I have this piece of code in there now
    <table class="alignright" style="width: 375px; border: 1px solid #000000; padding: 15px;">

    My brother is smart enough to remember where to put this. Then he will be insert a picture..make a basic table and add this for what he needs.

    Thanks for your help

Topic Closed

This topic has been closed to new replies.

About this Topic