Author Topic: Float Graphics Over Background  (Read 9564 times)

Offline virusdunil

  • Jr. Member
  • **
  • Posts: 24
    • http://www.meteohebertville.com
Re: Float Graphics Over Background
« Reply #30 on: July 25, 2012, 06:14:53 AM »
ID like to know....

what is w3c ? what does it do and whats are purpouses to have that on the web page  :geek:

thanks ;)
« Last Edit: December 31, 1969, 06:00:00 PM by Guest »
Station Meteo:National Geographic Fine Offset)
Logiciel:Cumulus et Weather Display
Mon site: http://http://www.meteohebertville.com

Offline avoorpool

  • Sr. Member
  • ****
  • Posts: 372
    • http://pickeringweather.ca
Re: Float Graphics Over Background
« Reply #31 on: July 25, 2012, 08:58:13 AM »
Just click on the "XHTML" link in the bottom of your page (where the credits appear".
It will validate your page according the W3C standards for html. (there are different levels up to HTML5).
When I click on your first page it shows "81 errors and 69 warnings".
Although most browsers are very forgiving in displaying the context of an html document, some might not.....
It took me some headaches, but at least all my pages are now conform this standard.....

Cheers,

Arthur
« Last Edit: December 31, 1969, 06:00:00 PM by Guest »

Online Mr.Meteo

  • Administrator
  • Hero Member
  • *****
  • Posts: 1112
    • http://www.meteostours.ca
Re: Float Graphics Over Background
« Reply #32 on: July 25, 2012, 09:14:22 AM »
Hi Arthur,

For your last errors in links page, I'll give you a cue

For javascript only, sometimes "&" could not be replaced, then we could
use a trick. In you faulty block, simple surround it like this

// <![CDATA[
var params = '&ref='  + escape(document.referrer)
           + '&ua='   + escape(navigator.userAgent)
      + '&page=' + escape(document.location.href)
      + '&sd='   + screen.colorDepth
      + '&sr='   + escape(screen.width+'x'+screen.height);
document.write('<img alt="Site Counters" border="0" width="0" height="0" src="http://www.sitecounterpro.com/picture/counter/?code=394868456436dbe743e4380554c0493a-524f4976acac8efec9c93f66ba415481' + params + '">');
// ]]>
(Just before anf after <script> tag ie <script type="text/javascript">........</script>)

... and magicly, all errors wil disappear!!!  :D

Regards.
Jacques
« Last Edit: December 31, 1969, 06:00:00 PM by Guest »
Please, consider supporting this site 

Offline avoorpool

  • Sr. Member
  • ****
  • Posts: 372
    • http://pickeringweather.ca
Re: Float Graphics Over Background
« Reply #33 on: July 25, 2012, 09:23:45 AM »
HI Jacques,

Just figured it out since the // -> was removed from the [links] page (now back, so all pages have the stamp!!).
Except for the  [Noaa]. It says there is an error in checking, and document can not be checked....
Why is that??

Thanks

Arthur
« Last Edit: December 31, 1969, 06:00:00 PM by Guest »

Online Mr.Meteo

  • Administrator
  • Hero Member
  • *****
  • Posts: 1112
    • http://www.meteostours.ca
Re: Float Graphics Over Background
« Reply #34 on: July 25, 2012, 09:50:21 AM »
Hi Arthur,

W3C Validator page is not real complete as it validate only (X)Html,
I don't use use that anymore for so long time.. I think that last time
I used that page, "Dead Sea" was still in perfect health!!!  :lol:  :lol:  :lol:
(Have I told you about FF + FB + WD + HV???  :roll: )

Effectively, there is just 1 error... a real small one:  ;)

In you title you wrote...  <h1>[Information]:   <u><b>NOAA <i>Style</i> Climate Reports<b/></u>
but closing "b" is mispelled it is </b>, and you're using <b/>

Your welcome,
Jacques
« Last Edit: December 31, 1969, 06:00:00 PM by Guest »
Please, consider supporting this site 

Offline avoorpool

  • Sr. Member
  • ****
  • Posts: 372
    • http://pickeringweather.ca
Re: Float Graphics Over Background
« Reply #35 on: July 25, 2012, 10:16:35 AM »
Thanks Jacques!!
Corrected!!

To get my [links] page validated, I had to eliminate the Wunderground Sticker with Shockwave - Rapid fire live update.
The page simply could not be validated, and W3C gave as reason the <embed within the code which seems to be a known issue in the HTML validation procedure.
The code is:
<object width="600" height="400"><param name="movie" value="http://www.wunderground.com/swf/Rapid_Fire.swf?units=metric&station=IONTARIO232" /><embed src="http://www.wunderground.com/swf/Rapid_Fire.swf?units=metric&station=IONTARIO232" type="application/x-shockwave-flash" width="600" height="400" /></object>

Any thoughts of how I can change this to get it displayed again?? (I now have a Blue Jays Wunderground sticker to see the weather conditions during the game) much to my sons interest  :D ).

Thanks,

Arthur
« Last Edit: December 31, 1969, 06:00:00 PM by Guest »

Online Mr.Meteo

  • Administrator
  • Hero Member
  • *****
  • Posts: 1112
    • http://www.meteostours.ca
Re: Float Graphics Over Background
« Reply #36 on: July 25, 2012, 10:59:41 AM »
Hi Arthur,

Oufffffffffff, be compilant when a Flash inclusion... what a job!!!!  :!:
I must admit myself, as I used Cumulus flash gauges, my gauges pages aren't compilant!  :oops:

But, if you're thinking that you want to try it, your code as to be modified something like this:

<!--[if !IE]> -->
<object type="application/x-shockwave-flash"
  data="http://www.wunderground.com/swf/Rapid_Fire.swf?units=metric&station=IONTARIO232" width="600" height="400">
<!-- <![endif]-->
<!--[if IE]>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
  width="600" height="400">
  <param name="movie" value="http://www.wunderground.com/swf/Rapid_Fire.swf?units=metric&station=IONTARIO232" />
<!--><!--dgx-->
  <param name="loop" value="http://www.wunderground.com/swf/Rapid_Fire.swf?units=metric&station=IONTARIO232" />
  <param name="menu" value="false" />

  <p>This is <b>alternative</b> content.</p>
</object>
<!-- <![endif]-->

You see a new concept here: <!--[if !IE]> --> and <!--[if IE]> -->
These signs are "special" comments, but taked in charge by browsers.
It said "If browser is (or not) Internet Explorer".

There is a lot of them to identify each browsers, but we use that 95% of time because
IE have a lot of "caprice", eg. <!--[if IE7]> -->, <!--[if IE8]> -->....

Then, try if you want, but I haven't

Regards,
Jacques
« Last Edit: December 31, 1969, 06:00:00 PM by Guest »
Please, consider supporting this site 

Offline avoorpool

  • Sr. Member
  • ****
  • Posts: 372
    • http://pickeringweather.ca
Re: Float Graphics Over Background
« Reply #37 on: July 25, 2012, 04:23:06 PM »
Hi Jacques,

Could this be an example of  a slight "under-estimation" of your own (incredible) knowledge  :lol:
Don't know HOW you do it, but it works perfect.
Page-stamp remains, but WITH the Wunderground sticker and "passed" validation.
In other words, no excuse not to have your own Cumulus flash gauges/pages validated  ;)  ;)  :)  :)

Thanks again VERY much,

Arthur
« Last Edit: December 31, 1969, 06:00:00 PM by Guest »

Online Mr.Meteo

  • Administrator
  • Hero Member
  • *****
  • Posts: 1112
    • http://www.meteostours.ca
Re: Float Graphics Over Background
« Reply #38 on: July 25, 2012, 05:57:38 PM »
Hi Arthur,

That what happend when we search an answer for another! :lol:
Ahhhhhh.. vainness!!!  :oops:

Bravo! 100%!!! :ugeek:

Jacques
« Last Edit: December 31, 1969, 06:00:00 PM by Guest »
Please, consider supporting this site 

Offline peter wood

  • Jr. Member
  • **
  • Posts: 18
Re: Float Graphics Over Background
« Reply #39 on: July 26, 2012, 05:29:07 PM »
Hi
        i like very much the static clouds, i have tried to do this however the pages were distorted likely i did not understand how to do it
on line 20 css styles i added next to no-repeat;}background-attachment:fixed;
what did i do wrong please?
peter
« Last Edit: December 31, 1969, 06:00:00 PM by Guest »

Offline avoorpool

  • Sr. Member
  • ****
  • Posts: 372
    • http://pickeringweather.ca
Re: Float Graphics Over Background
« Reply #40 on: July 26, 2012, 05:37:16 PM »
Hey Peter,

I haven't touched anything in the css files. Go back to where you were before you edit it......
Just add the following script into each page.
The pixels need to be adjusted to the length of the page (so the entire bottom of the page (= clouds) is captured.

      <!-- footer ends -->
   </div>
</div>
<script type="text/javascript"> document.getElementById("bg_clouds").style.height = document.getElementById("bg_clouds").clientHeight + 460 + 'px'; </script>
</body>
</html>


Good Luck,

Arthur
« Last Edit: December 31, 1969, 06:00:00 PM by Guest »

Offline avoorpool

  • Sr. Member
  • ****
  • Posts: 372
    • http://pickeringweather.ca
Re: Float Graphics Over Background
« Reply #41 on: July 26, 2012, 05:40:30 PM »
Sorry Peter, I checked and I did make the change in line # 20:
background-attachment:fixed;
as in earlier thread

Should work,

Arthur
« Last Edit: December 31, 1969, 06:00:00 PM by Guest »