Shift in Header Fonts

[avoorpool]

Hi Jacques,
I figured it out about the addition of NOAA files, still working on it.
I hope you can have a quick look at my site, since one thing is annoying to me.
From the very beginning (even before adding tabs) I saw a shift in the header text (Altona Forest) when switching between tabs.
All tabs are OK and remain in the same position except for [Images] and [Info].
Checked all HTML files, and they all look the same. Still puzzled why.
Hope you have an idea.
Thanks.
Have a great weekend,

Arthur
http://altonaweather.host22.com

[Mr.Meteo]

Hi Arthur,

These 2 pages have something special: more then 1 CSS file for styling.
CSS is for Cascading Style Sheet, that is for using style over others.

One common mistake is to put CSS files in "bad" order, in that way
basic styling is canceled by subsequent css file. Then simply try to order
your css file in a way to maintain right layout!

Go to your head section for these pages and change order of these
css files so styles.css is the last one to be called!

Hope this help!

Best Regards,
Jacques

[avoorpool]

Hi Jacques,
Thanks for your reply.
I've tried it all, but it looks still the same.
Maybe you have a minute to check on the different header sections of the following tabs:

When I click from [now] to:
[images] -> Italic font changes and both text drops
[info] -> only the second line of header text jumps up where space between lines become less
[uv info] (copy of the [info] page with same result
[noaa] -> complete page shifts to right  a few px......

Thanks,

Arthur

FYI: the noaa page content (reports) is not displayed since the web host I use (000webhost.com) does not allow Real time .txt files to be uploaded.
I'm now looking into switching web host (for a few $ / month) to have this resolved!!!

[Mr.Meteo]

I've investigated your problem and found that putting back to 4 lines correct the problems:
4 Links to css files in your head section have to be in this order:

<link href="styles.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="slides/lib/jquery.ad-gallery.css" />
<link rel="stylesheet" type="text/css" href="slides/lib/gallery.css" />

When I modify your page like it, it looks ok!

[avoorpool]

Hi Jacques,

Thanks for the reply.
I've tried to modify it, but lost my main picture in [images]. Only had the thumbs displayed.
Besides that, even in your attachment you can see the differences:
1) Spacing between tabs-bar and "Pickering Ontario Canada" is different in both
2) It very much looks like a different font between both in Altona Forest (compare Altona Forest with Altona Forest.

My results remained unchanged......
Also, in my original html, I don't have the line: <link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
Made many modifications with/without the different links / scripts, but no changes (except the one that my images did not show).

Cheers,

Arthur

[Mr.Meteo]

Hi Arthur,

I have to agree with you, we have a small layout bug here.
My last post is the best I can do for now

I have no more time to spend on this version, as version 2.0
is already on my worktable. I'll take that one as first thing to do
on version 2

As WeatherSky is launched now,  things will be faster on version 2,
because some parts will be common to all templates.

Then, I do my best to go as fast as I can.

Best regards
Jacques

[avoorpool]

Hi Jacques,

Thanks for your quick reply.
I'll leave it for now since the page itself is OK, just the little shift. (have a look at my last pictures. Got a big deer in my backyard last week  
I'm looking forward to V2.0!
You mentioned Weathersky...
Is this a new template from Meteo-du-Quebec?

Best Regards,

Arthur

[Mr.Meteo]

Hi Arthur,

Yes, Weather Sky is a brand new template, but not from Météo du Québec.

Météo du Québec was introduced with main goal to help French speaking poeple
non confortable with English, to acces documents and guide translated
for them. With time some exclusivity has been developed in French.

But, fastly other "non-English" speaking poeples contact me about translations
on their native language. So on Météo du Québec a translation project has been
"build" and so many languages has join Cumulus Translator Team, that
English has imposed itself as a "common base" for these languages (15 for now!)

So Météo du Québec has deleveloped an English portion to join them, but the
name of this site is meanless for non-French and hard to remember, as Météo du Québec
means "Weather from Quebec". Then, a 3rd site has been launched with a easy
to remember name: Weather by You!

Then, with that site I have a goal: join together all non-English users and all
"Weathermasters" interested to quality templates with multilingual support built-in.
As weather has no language in mind, I'm happy to try to join all humans interested
by weather broadcasting for wider audience.

All that is based on Cumulus, but also I'm begining support for pywws with a first
exclusive template. This "weather engine" is based on Linux, and I'm proud to launch
an other great project with it: Weather without Pc! With small distributions for embeded
Linux, like DD-WRT (or others), it's possible to build a "weather machine" on a router!

Then, as you see, there is a lot of projects in development!

Links:
 - http://meteostours.ca : my personal weather site for my village (and MDQ's Lab)
 - http://meteoduquebec.com/translation/status.php :  Translation project status page
 - http://weatherbyyou.com : New site with exclusive multilingual templates for pywws and Cumulus

(with other personnal/professional projects, I'm having 9 websites)

Best regards,
Jacques