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.
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.
but the output on a webpage shows this
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.