Basic html help

stender · 25-01-2012, 01:10:07 PM

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 · 25-01-2012, 02:16:26 PM

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 · 25-01-2012, 04:13:34 PM

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

seemly · 25-01-2012, 04:18:11 PM

Quote:

Originally Posted by stender

Already tried that and a <P> but still no joy. All that does is move it down a line but still to the right of the image.

The images are floated left.
In the HTML view, after the image, place the following:

Code:

<div style="clear:both;"></div>

Regards,
Chris

Skinner · 25-01-2012, 04:19:43 PM

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

monaghan · 25-01-2012, 04:23:16 PM

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.

25-01-2012, 01:10:07 PM	#1 (permalink)
stender Join Date: Nov 2005 Posts: 2,368 No Classified Ratings Domain Trader Rating: (96% / 26)	Basic html help 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.

25-01-2012, 02:16:26 PM	#2 (permalink)
monaghan Join Date: May 2007 Posts: 1,148 No Classified Ratings Domain Trader Rating: (100% / 7)	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. __________________ Alex Monaghan - Drop Catch & Drop Lists - PM for details Online Accounting\|Pine Furniture\|Barbie

25-01-2012, 04:19:43 PM	#5 (permalink)
Skinner Join Date: Jul 2008 Location: Manchester Posts: 2,507 No Classified Ratings Domain Trader Rating: (100% / 13)	You are editing html entities into a wysiwyg environment, you would need to put them into the code area not the visual area. __________________ Browse:

25-01-2012, 04:23:16 PM	#6 (permalink)
monaghan Join Date: May 2007 Posts: 1,148 No Classified Ratings Domain Trader Rating: (100% / 7)	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. __________________ Alex Monaghan - Drop Catch & Drop Lists - PM for details Online Accounting\|Pine Furniture\|Barbie

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

25-01-2012, 04:13:34 PM	#3 (permalink)
stender Join Date: Nov 2005 Posts: 2,368 No Classified Ratings Domain Trader Rating: (96% / 26)	Thanks Alex, it just came to me I was doing a left align on the image. Took that off and looks ok.

Similar Threads
Thread	Thread Starter	Domain Name Community	Replies	Last Post
Suggestions of where to buy a quality html template	seanh	Website Design	1	03-03-2009 06:20:27 PM
looking for a very basic CMS Script	mattonline	Content Management Systems	10	15-03-2008 11:20:54 AM
Looking for Simple WYSIWYG HTML Editor	nnh	Website Design	5	17-09-2007 12:31:14 PM
Free Software HTML Editor	admin	Website Design	1	22-01-2006 02:22:37 PM
html redirect	admin	Website Design	0	03-04-2005 08:22:51 PM