wrap text around iframe, help please Options

[Jeremy Howell]

You will see the predicament on this page (the text should be next to the Iframe):

http://harvestcitychurch.co.nz/location.htm

[pandy]

You could float the IFRAME right. But for that to work in all browsers you must move the IFRAME before the H3 in the HTML.
http://www.w3.org/TR/CSS2/visuren.html#propdef-float

Since you use tables anyway, another option would be to place the H3 and the IFRAME in different table cells in the same row. You wouldn't get any wrapping around, but the text is too short for that anyway.

[Jeremy Howell]

You could float the IFRAME right. But for that to work in all browsers you must move the IFRAME before the H3 in the HTML.
http://www.w3.org/TR/CSS2/visuren.html#propdef-float

Since you use tables anyway, another option would be to place the H3 and the IFRAME in different table cells in the same row. You wouldn't get any wrapping around, but the text is too short for that anyway.

I am jus starting out in HTML, this is only my 3rd site, and i am pretty much still a beginner (this is reflected in the quality of the site).

I have given the Iframe a float right property, but it is not listening.

I am doing everything manually (dont have a decent HTML editor cause i cant afford one), how would i add another cell?

[Jeremy Howell]

Have tried putting the iframe before the h3, but it (the text) just turns up below it.

[pandy]

It's because you have also floated the H3 left. Remove that float and it will work.

Also, you have a slash in the BR tags in the H3 that makes the browser not recognize them.

CODE

</br>

It's should be like so, no slash.

CODE

<br>

You should use a doctype. For two reasons. You need it to use a validator. That will help you find errors like the above. If you use the right doctype it will also make browsers be more standards compatible, which is a good thing.
The validator is here http://htmlhelp.com/tools/validator/ and you can see different doctypes and read about them here http://htmlhelp.com/tools/validator/doctype.html. From the look of your HTML you want HTML 4.01 Transitional. The long one with an URL, that will give you Standards Mode.

I am doing everything manually (dont have a decent HTML editor cause i cant afford one)

That's good. Not that you can't afford a fancy editor, but that you don't have one. Doing it manually is the best way to learn. Chances are that if you learn that way you will never want to use a editor like DreamWeaver and the like anyway, because avoiding "helpful" WYSIWYG editors is actually faster and you have more control over what you are doing. You also get a better and faster page that is easier to edit because those editors tend to generate a lot of unnecessary code. There are lots of free and fairly cheap text editors out there if you find the one you use now too limited.

Good luck!

[Jeremy Howell]

thank you so much pandy! have removed the float left from the H3, and have noticed the formatting looks a lot better now, too!

thank you.

[pandy]

You are welcome.