WordPress adding divs and removing spaces
-
Hi,
I’m using <div class=”content-2-col-left”> and <div class=”content-2-col-right”> to make colums on this page:
http://wonderfulwanderings.com/test/It works well for what is simply text, but as soon as I add images, things get messed up.
I first added all the images and the text without creating the columns in the visual editor. Then checked the preview to make sure all the images were aligned properly etc because the problem is that when they are nicely under each other in the preview, they’re all messed up in the visual editor, so you have to check in the preview and then adapt stuff in the visual editor.
Either way, I got them all perfectly underneath each other and then added the columns just like I did for the other parts of the page, only that seemed to mess up how the images were aligned.
Suddenly images were glued to the text above or titles (the links in blue) were split up one part before and one part after the image…
All seemed fine in the text editor, so I had to change stuff in the visual editor.
I know you’re not supposed to switch between the two, but it was the only way I could drag the images to where they needed to be.
Of course as soon as I switched back to edit, wordpress had inserted a bunch of divs and other columns.
So the question is: how can I make sure that both my text and my images look good in two columns without wordpress messing everything up?
I could do this part of the page last and everything else before, but I’m guessing the problem will recur each time I add something to the travel gear list:/By the way: I really don’t understand why using both editors at once is still such a problem in WordPress.
- The topic ‘WordPress adding divs and removing spaces’ is closed to new replies.