Basic html help

stender · Jan 25, 2012

Can anyone advise on a basic html issue i'm having on a wordpress site?

I have some text with an image underneath and then some more text under the image. However I'm getting the text I want under the image appearing to the right of it. If I then view visually in wordpress and press return until the text is below the image I then get lots of break space tags appear in the html which is not good.
I hope that makes sense if not could send link and html to a kind person.

I've forgotten more html than i've learnt. all these wysiwyg tools are good in some ways but bad in others!
Here 's more of a visual

lorum ipsum

photo

lorum ipsum
is how i want it

but below is how it's displaying

lorum ipsum

photo lorum ipsum

and if i amend visually the html then shows

lorum ipsum

photo

&nbsp

&nbsp

&nbsp

lorum ipsum.

monaghan · Jan 25, 2012

A quick & dirty, you could pop in a <br/> after the image. Better to do it with CSS, but often the quick & dirty does the trick.

stender · Jan 25, 2012

Thanks Alex, it just came to me I was doing a left align on the image. Took that off and looks ok.

Skinner · Jan 25, 2012

You are editing html entities into a wysiwyg environment, you would need to put them into the code area not the visual area.

monaghan · Jan 25, 2012

I'm guessing there are some CSS rules overriding your desired layout.

Try <br style="clear:left" />

If you have chrome, you can right click on an element and "inspect" it, this will let you see the CSS formatting that is applied and lots of other useful debug goodies. Other browsers have similar tools.