Please read the posts in the Announcements section about the current status of Cumulus development now that I have retired

Please read this post before posting

Latest Cumulus release v1.9.4 (build 1099) - Nov 28 2014
Latest Cumulus MX release - v3.0.0 build 3043 Jan 20 2017. See this post for download

Sunny Weather embed Iframe

Discussion of Jacques DesRoches's web site templates

Moderator: JacquesD

User avatar
K8POS
Posts: 75
Joined: Sat Jan 03, 2015 4:17 am
Weather Station: Davis Vantage Pro2
Operating System: Windows 7
Location: Thumb of Michigan
Contact:

Sunny Weather embed Iframe

Postby K8POS » Sun Feb 22, 2015 5:09 am

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

User avatar
JacquesD
Posts: 604
Joined: Tue Jul 27, 2010 3:51 am
Weather Station: National Geographic 265nc
Operating System: XP SP3
Location: St-Ours, Québec, Canada
Contact:

Re: Sunny Weather embed Iframe

Postby JacquesD » Thu Feb 26, 2015 11:04 pm

Hi Bob,

Things seems to be real well! :ugeek:

Regards,
Jacques

User avatar
duke
Posts: 845
Joined: Sun Jul 03, 2011 6:23 pm
Weather Station: Davis VP2 Plus - 24hr FARS
Operating System: Windows 10 - 64 bit
Location: Eastleigh, Hampshire, UK
Contact:

Re: Sunny Weather embed Iframe

Postby duke » Fri Feb 27, 2015 4:40 am

@Bob, you have a lot of errors on your page - http://validator.w3.org/check?uri=http%3A%2F%2Fmelvinweather.com%2Findex.htm
I did not continue to check others or your CSS.
Duke

Nightingale Weather
Eastleigh, Hampshire, UK
------------------------------------------------------
Validate your pages - often!

User avatar
K8POS
Posts: 75
Joined: Sat Jan 03, 2015 4:17 am
Weather Station: Davis Vantage Pro2
Operating System: Windows 7
Location: Thumb of Michigan
Contact:

Re: Sunny Weather embed Iframe

Postby K8POS » Sun Mar 01, 2015 12:46 am

Duke,
You probably checked it when I was playing around with the I frame, but will have a look myself tonight.

Thanks
Bob

User avatar
duke
Posts: 845
Joined: Sun Jul 03, 2011 6:23 pm
Weather Station: Davis VP2 Plus - 24hr FARS
Operating System: Windows 10 - 64 bit
Location: Eastleigh, Hampshire, UK
Contact:

Re: Sunny Weather embed Iframe

Postby duke » Sun Mar 01, 2015 6:37 am

Just click on the link I posted - it's for your site....
Duke

Nightingale Weather
Eastleigh, Hampshire, UK
------------------------------------------------------
Validate your pages - often!

User avatar
K8POS
Posts: 75
Joined: Sat Jan 03, 2015 4:17 am
Weather Station: Davis Vantage Pro2
Operating System: Windows 7
Location: Thumb of Michigan
Contact:

Re: Sunny Weather embed Iframe

Postby K8POS » Mon Mar 02, 2015 2:58 am

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

sfws
Posts: 345
Joined: Fri Jul 27, 2012 11:29 am
Weather Station: off-line Fine Offset plus others
Operating System: off-line Vista and W10 PCs
Location: UK

Re: Sunny Weather embed Iframe

Postby sfws » Mon Mar 02, 2015 9:38 am

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_templates#Standard_HTML_5_start_for_a_Cumulus_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
Last edited by sfws on Mon Aug 03, 2015 3:29 pm, edited 1 time in total.

User avatar
duke
Posts: 845
Joined: Sun Jul 03, 2011 6:23 pm
Weather Station: Davis VP2 Plus - 24hr FARS
Operating System: Windows 10 - 64 bit
Location: Eastleigh, Hampshire, UK
Contact:

Re: Sunny Weather embed Iframe

Postby duke » Mon Mar 02, 2015 5:11 pm

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">
Duke

Nightingale Weather
Eastleigh, Hampshire, UK
------------------------------------------------------
Validate your pages - often!

User avatar
K8POS
Posts: 75
Joined: Sat Jan 03, 2015 4:17 am
Weather Station: Davis Vantage Pro2
Operating System: Windows 7
Location: Thumb of Michigan
Contact:

Re: Sunny Weather embed Iframe

Postby K8POS » Mon Mar 02, 2015 8:03 pm

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


Return to “Weather by You Templates”

Who is online

Users browsing this forum: No registered users and 2 guests