The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> wrap text around iframe, help please
Jeremy Howell
post Oct 31 2009, 02:15 AM
Post #1





Group: Members
Posts: 8
Joined: 17-August 09
Member No.: 9,461



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

http://harvestcitychurch.co.nz/location.htm
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 31 2009, 01:19 PM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,797
Joined: 9-August 06
Member No.: 6



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Jeremy Howell
post Oct 31 2009, 11:22 PM
Post #3





Group: Members
Posts: 8
Joined: 17-August 09
Member No.: 9,461



QUOTE(pandy @ Oct 31 2009, 01:19 PM) *

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. sad.gif

I am doing everything manually (dont have a decent HTML editor cause i cant afford one), how would i add another cell?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Jeremy Howell
post Oct 31 2009, 11:25 PM
Post #4





Group: Members
Posts: 8
Joined: 17-August 09
Member No.: 9,461



Have tried putting the iframe before the h3, but it (the text) just turns up below it.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 1 2009, 01:04 AM
Post #5


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,797
Joined: 9-August 06
Member No.: 6



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.


QUOTE
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. tongue.gif 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!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Jeremy Howell
post Nov 2 2009, 05:08 PM
Post #6





Group: Members
Posts: 8
Joined: 17-August 09
Member No.: 9,461



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 2 2009, 07:15 PM
Post #7


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,797
Joined: 9-August 06
Member No.: 6



You are welcome. wink.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 23rd January 2018 - 04:29 AM