Author Topic: Help appreciated - messed up my Home page (Read 1741 times)

Mearns · « **on:** June 07, 2017, 08:45:37 AM »

I tried to post a note on my home page at www.glenbervie-weather.org to say that my anemometer windspeed readings had failed to zero. Having failed to achieve that I seem in the process to have fouled up the text size on that page. I've managed to bumble through for the last 9 years by trial and error with the scripts but I don't know what I've done to mess this up - the text is too large. Any help gratefully received!

ValentineWeather · « **Reply #1 on:** June 07, 2017, 09:37:41 AM »

No expert here for sure but when I screw up using editor I just reverse it by going back and upload again. I'm using Notepad ++.

Mearns · « **Reply #2 on:** June 07, 2017, 09:46:53 AM »

Sorry - I should have perhaps said that I went back and uploaded both index.php and ajax-dashboard.php from a previous backup. That didn't work so I went back a further backup of both files and still it didn't work. That's what has got me so confused!

wvdkuil · « **Reply #3 on:** June 07, 2017, 10:03:08 AM »

Quote from: Mearns on June 07, 2017, 08:45:37 AM

I tried to post a note on my home page at www.glenbervie-weather.org to say that my anemometer windspeed readings had failed to zero. Having failed to achieve that I seem in the process to have fouled up the text size on that page. I've managed to bumble through for the last 9 years by trial and error with the scripts but I don't know what I've done to mess this up - the text is too large. Any help gratefully received!

There are multiple errors caused by these pieces of code

Code: [Select]

<head>
<style type="text/css">
.auto-style1 {
	color: #FFFFFF;
	font-size: small;
}
</style>
</head>

On your startpage those lines are inserted BEFORE anything else, even before the "<!DOCTYPE "
and then again after the flyout menu.
Maybe you could post your index.php, either a zipped version or a renamed to .txt version.
Then I can better check.
You can see some of the errors when clicking on the " Valid XHTML 1.0 " link at the bottom of your startpage in the footer area.

Wim

Mearns · « **Reply #4 on:** June 07, 2017, 10:26:11 AM »

Thanks for your help, Wim - index.php attached as a txt file.

wvdkuil · « **Reply #5 on:** June 07, 2017, 11:50:11 AM »

Quote from: Mearns on June 07, 2017, 10:26:11 AM

Thanks for your help, Wim - index.php attached as a txt file.

That index file is as clean as possible.

The large fonts occur only when ajax-dashboard.php is run. Both the top part and the forecast part are affected.
The font-size for the table elements is at run time changed to 16px, on a few other other pages I checked, the font-size remains correctly at the default 12px.

When you set widescreen on in the menu area => all tables are OK, fontsize remains at 12px.

The difference between further identical widescreen

Code: [Select]

.ajaxDashboard .data1   
         font-size: 100%;
}

and narrow css

Code: [Select]

.ajaxDashboard .data1 {
         font-size: 9pt;
}

As a test: manually setting the fontsize on a widescreen page to 100% results in the same, far to large font, as in the narrow css

A quick fix for now, change in the .ajaxDashboard .data1 setting in your default narrow stylesheet to font-size: 9pt;
Finding the reason for this, is nearly impossible, as there are a hundred+ html errrors when running the html checker.
Example: this is sent from your server when your startpage is requested:

Code: [Select]

<head>
<style type="text/css">
.auto-style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
</style>
</head>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <!-- ##### start AJAX mods ##### -->

That piece of extra "head" coding is also inserted on other pages, but on the startpage it is inserted twice.
You should put some effort in removing all those errors, 10 errors on a status-page, over 80 on the startpage.

Wim

Mearns · « **Reply #6 on:** June 07, 2017, 12:55:06 PM »

Thanks Wim - I'll try your suggestions and report back later.....

Mearns · « **Reply #7 on:** June 07, 2017, 01:30:46 PM »

Wim - what is the name of the default narrow stylesheet? I've found a .ajaxDashboard .data1 file in all the Style Options colour css files but not sure which one I should be changing. Sorry, almost non-existent knowledge here...

wvdkuil · « **Reply #8 on:** June 07, 2017, 02:03:03 PM »

Quote from: Mearns on June 07, 2017, 01:30:46 PM

Wim - what is the name of the default narrow stylesheet? I've found a .ajaxDashboard .data1 file in all the Style Options colour css files but not sure which one I should be changing. Sorry, almost non-existent knowledge here...

It is the default color you are using.
You only need to change the narrow one, I think it is the blue color one, such as in the image:

Mearns · « **Reply #9 on:** June 07, 2017, 04:33:50 PM »

I changed weather-screen-blue-narrow.css font size from 100% to 9pt but it's still the same large text....

wvdkuil · « **Reply #10 on:** June 08, 2017, 02:50:00 AM »

Quote from: Mearns on June 07, 2017, 04:33:50 PM

I changed weather-screen-blue-narrow.css font size from 100% to 9pt but it's still the same large text....

The part to be changed in the blue stylesheet seems as it was before

Code: [Select]

.ajaxDashboard .data1 {
         color: black;
         font-size: 100%;
         border-bottom: 1px solid #CCCCCC;
         background-color: white;
         text-align: left;
}

Please change the line which reads

Code: [Select]

font-size: 100%;to

Code: [Select]

font-size: 12px;You can test any color style sheet by selecting one in the selection box in your menu area and pressing set.
So you can test first with the blue sheet if it works.

STEP 2: Only when it works with the blue sheet:
The default stylesheet is set in your settings.php It is on line 50 and reads:

Code: [Select]

$SITE['CSSscreenDefault'] = 'weather-screen-green.css'; // leave -narrow or -wide off this .. just change color hereNow you can do the exact same change in the green sheet and all visitors should have normal texts again, as long as they stay with your green sheet.

STEP 3: You have to find the changes in your dashboard php script which cause this anomaly. Simply change to a not-altered stylesheet with the selection box, red is a nice one, and test and test and test until you find the cause of the error.

Wim

Mearns · « **Reply #11 on:** June 08, 2017, 05:33:30 AM »

Hi Wim - I changed the font size to 12px as you suggested in .ajaxDashboard .data1 in each narrow stylesheet one at a time and tested before moving on to the next colour. All are now set to 12px and no change I'm afraid.

wvdkuil · « **Reply #12 on:** June 08, 2017, 06:14:59 AM »

Quote from: Mearns on June 08, 2017, 05:33:30 AM

Hi Wim - I changed the font size to 12px as you suggested in .ajaxDashboard .data1 in each narrow stylesheet one at a time and tested before moving on to the next colour. All are now set to 12px and no change I'm afraid.

Maybe you or I are looking at the site or at the wrong wrong place:
http://www.glenbervie-weather.org/weather-screen-blue-narrow.css
http://www.glenbervie-weather.org/weather-screen-green-narrow.css

Both files have:

Code: [Select]

.ajaxDashboard .data1 {
         color: black;
         font-size: 100%;
         border-bottom: 1px solid #CCCCCC;
         background-color: white;
         text-align: left;
}

For me and the browser they read font-size: 100%; , not font-size: 12px;

Wim

Mearns · « **Reply #13 on:** June 08, 2017, 07:16:17 AM »

Yes, those were the files I changed but something must be going wrong my end as although I had confirmation they had uploaded I agree that nothing has altered on the website. I'll have a think.......

wvdkuil · « **Reply #14 on:** June 08, 2017, 07:27:53 AM »

Quote from: Mearns on June 08, 2017, 07:16:17 AM

Yes, those were the files I changed but something must be going wrong my end as although I had confirmation they had uploaded I agree that nothing has altered on the website. I'll have a think.......

I sent you a PM
Wim

Mearns · « **Reply #15 on:** June 08, 2017, 07:41:56 AM »

Thanks for the PM, Wim, but I think we are almost there now. No idea what happened with my previous upload client but I changed to Filezilla and uploaded again and everything worked - all colours -apart from the fact that the column headers are still too large. If you can point me in the right direction for that then once that's fixed I can try sorting out all those html errors in slow time.

wvdkuil · « **Reply #16 on:** June 08, 2017, 08:02:21 AM »

Quote from: Mearns on June 08, 2017, 07:41:56 AM

Thanks for the PM, Wim, but I think we are almost there now. No idea what happened with my previous upload client but I changed to Filezilla and uploaded again and everything worked - all colours -apart from the fact that the column headers are still too large. If you can point me in the right direction for that then once that's fixed I can try sorting out all those html errors in slow time.

The only one for the headers it is, I think as i can not test it:

Code: [Select]

.ajaxDashboard .dataheadWim

Mearns · « **Reply #17 on:** June 08, 2017, 08:45:23 AM »

That's it! All back to how it should be. Very many thanks for your patience and suggestions, Wim - I don't know where I would be without your help.

The icing on the cake is that I've just heard that my replacement anemometer arrives tomorrow - that is how all this started when I was trying to put a note on my home page to say the windspeed shaft bearing had seized and that is why my windspeed was showing zero. That's my third Davis anemometer in 9 years for the same fault - not very impressed!

Now to sort those html errors in slow time....

News:

Author Topic: Help appreciated - messed up my Home page (Read 1741 times)

Mearns

Help appreciated - messed up my Home page

ValentineWeather

Re: Help appreciated - messed up my Home page

Mearns

Re: Help appreciated - messed up my Home page

wvdkuil

Re: Help appreciated - messed up my Home page

Mearns

Re: Help appreciated - messed up my Home page

wvdkuil

Re: Help appreciated - messed up my Home page

Mearns

Re: Help appreciated - messed up my Home page

Mearns

Re: Help appreciated - messed up my Home page

wvdkuil

Re: Help appreciated - messed up my Home page

Mearns

Re: Help appreciated - messed up my Home page

wvdkuil

Re: Help appreciated - messed up my Home page

Mearns

Re: Help appreciated - messed up my Home page

wvdkuil

Re: Help appreciated - messed up my Home page

Mearns

Re: Help appreciated - messed up my Home page

wvdkuil

Re: Help appreciated - messed up my Home page

Mearns

Re: Help appreciated - messed up my Home page

wvdkuil

Re: Help appreciated - messed up my Home page

Mearns

Re: Help appreciated - messed up my Home page