Hi, This past Sunday my pastor threw me a curveball. Instead of the usual all text outline, the outline featured a large image of a glove and the pastor instructed people to write words on different sections of the image. My goal became to allow online attendees to be able to do that exact thing without having to print the notes.
Here is the paper version we hand out:
Here's the Example of what a filled out outline might look like:
I thought that I might be able to use a
<div> with an image background for the glove and the nest rotated
<div>'s inside of it for people to write in, this is actually functional, you can indeed write in it, but it gets mangled on the page.
Here is a sample of my code:
the WYSIWIG Looks great! And it even shows me where the text boxes are:
But what the page display is ugly:
The WYSIWYG editor did alter my code a little, but it still acted properly and I thought all would be well. But when I examined the source I found that my neatly nested
<div>'s had been replaced by ugly
<p> tags. Going back to the WYSIWIG editor it still all looked and worked fine. I'm at a loss as to what to do in these kind of situations.