Page 1 of 1

Sunny Weather embed Iframe

Posted: Sun 22 Feb 2015 5:09 am
by K8POS
I am trying to embed this code:

Code: Select all

<div id="iFrame" style="position:absolute; left:166px; top:15px; z-index:0">
<iframe name="iFrame" width="536" height="701" src="http://forecast.io/#/f/43.1836111,-82.8619444" scrolling="no" frameborder="1"></iframe>
</div>
I am trying to put it above my 7 day forecast at:http://melvinweather.com/index.htm

I can get it to work, but I loose the forecast and it is not centered.
I do not know if I have to make a declaration for it in the CSS pages first, or what I am doing wrong.
Any help would be appreciated.

Bob

Re: Sunny Weather embed Iframe

Posted: Thu 26 Feb 2015 11:04 pm
by JacquesD
Hi Bob,

Things seems to be real well! :ugeek:

Regards,
Jacques

Re: Sunny Weather embed Iframe

Posted: Fri 27 Feb 2015 4:40 am
by duke
@Bob, you have a lot of errors on your page - http://validator.w3.org/check?uri=http% ... Findex.htm
I did not continue to check others or your CSS.

Re: Sunny Weather embed Iframe

Posted: Sun 01 Mar 2015 12:46 am
by K8POS
Duke,
You probably checked it when I was playing around with the I frame, but will have a look myself tonight.

Thanks
Bob

Re: Sunny Weather embed Iframe

Posted: Sun 01 Mar 2015 6:37 am
by duke
Just click on the link I posted - it's for your site....

Re: Sunny Weather embed Iframe

Posted: Mon 02 Mar 2015 2:58 am
by K8POS
Duke,

I see all the errors.
Does not like my iframe for the forecast I have.

For the others, not sure how to fix them. I try what it suggest, but then I loose stuff on the page.
HTML is not my strong suit.
I am off work tomorrow and will have another go at it.
Thank you for the link, interesting way for a novice to check their work.

Bob

Re: Sunny Weather embed Iframe

Posted: Mon 02 Mar 2015 9:38 am
by sfws
K8POS wrote:HTML is not my strong suit.
If you are finding editing your HTML difficult, try changing your file to the latest version (HTML5) by editing the first line - see http://wiki.sandaysoft.com/a/Customised ... s_template for how the start of your file has to look. Most HTML guidance you may find on the web and in recent books uses this latest standard, so it may be easier when you look up something like 'iframe' and find it refers to latest syntax not to have to change that syntax to the older version (XHTML 1.0 Strict). Obviously there are some other changes to make (as some code is different in HTML5), although often HTML5 permits both the former strict and transitional syntaxes, but hopefully you can check the syntax of each line as you work through the file. Duke's validation link does not specify which type of HTML to check against, so it uses the type in the first line of the file, and will work with this changed first line.
EDIT - remove reference to obsolete template coding

Re: Sunny Weather embed Iframe

Posted: Mon 02 Mar 2015 5:11 pm
by duke
Duke's validation link does not specify which type of HTML to check against,
Yes, it simply uses what ever the page is declared as.

I would also change the character set to UTF-8 while you're at it. But read the notes about this for the latest version of Cumulus before you do.

Code: Select all

<meta charset="UTF-8">

Re: Sunny Weather embed Iframe

Posted: Mon 02 Mar 2015 8:03 pm
by K8POS
I will have to check the encoding. I "THOUGHT" I had changed all my pages to UTF-8.
My old web site was totally HTML based. Not use to working with CSS and such, but I am learning the hard way.
My web host/server has editing capability built in so I can make changes to the cumulus uploaded pages before I try the changes on the ***T.htm pages.
Amazing what one little < can do to the entire page.
I really appreciate all those on this forum who put up with us newbies!!! :clap:

Bob