Who's Online Script - Pin Alignment

Greetings Weather Enthusiasts,

I’ve been using Mike Challis’s excellent who’s online script for a while but I recently noticed that the pins are out of alignment, they’re too far South.

There are offset settings in the config file but no matter what I do the pins don’t move.

I can’t see anything on here more recent than a couple of years ago hence this new post.

The page is here :- http://www.leavening.org/whos-online/whos-online.php

I wonder if it’s a CSS thing preventing the script from working correctly.

Any help would be very much appreciated.

Kind regards, Simon

Bump.

I could really use some help here. If you have any suggestions please let me know.

Many thanks for your help in advance.

I think the markers are inheriting a line-height:1.6em attribute from the body element.
Try adding “line-height:0” to the marker div style to override it.

Hi Mark,

You, sir, are a genius, as usual :wink:

Fixed it by adding a

to the top of the maps script.

As I can’t see how to work this out for myself I wonder if you would mind taking a looksie at this page too http://www.leavening.org/forecast/ewn/ for me ?

It looks like a very similar issue whereby the page works on it’s own but not within the theme of my site. I’m sure a quick

to override the css would do it but I don’t know what to add :wink:

Many thanks again, Simon

Not a lot wrong with that page?

I’d change #imageTint

  • remove the height attribute (or make it 100%)
  • reduce padding to 10px

Change #bottomInfo

  • reduce padding-top from 8px to 0px

Hi Simon,
I noticed your Units (top right) do not have any text against the radio buttons, not sure why.
I also noticed that your Info Icon below the “Graphs” menu button is missing, this is due to missing fonts.
When I get a chance tomorrow I will zip all mine up and email to you, I think I still have your email address, send me an email if you have changed it.

I attached an image of same script running on my home network using the Saratoga template, also have it on my php version of the CumulusMX template.
Sorry can’t sent address as still no web presence only private at this stage.

Hi Mark, thanks for the info - I can use that on another issue I have, greatly appreciated.

Kind regards,


Great, thank you chaps. It’s the theme that rapidweaver is using which is breaking so has to be down to css.

The actual script is running fine but breaks when I embed it :-

http://www.leavening.org/forecast/ewn/forecast.php

Ah, the joy of css :slight_smile:

Hi Simon,
I think I can help, though in the bad books and must run.
The Yorkshire Wife is calling me, 26th Wedding Anniversary yesterday and I have to make up for working late last night and all day today.
Will put some info together sometime tomorrow and email it to you.
Must run, have a good night (-1c yesterday) first low for the year was on the cusp of Winter Solstice.
Have to take some wood in for her in doors for the fire, before I end up sleeping in the top paddock with the Wiltshire Horns (sheep).
Kind regards,

Haha, thanks Tony. Speak soon.

Good Morning,

The CSS of the EWN page is breaking the width of my menu drop down buttons and the width of the container of the main section of the page. I’ve circled these areas on the image attached. Also, the alignment of the google search is slightly out.

It appears to be something in the bootstrap css because without that (although the page obviously doesn’t work) the alignment is okay.

I made a new page to show this which excludes the following line :-

You can view it here :- http://www.leavening.org/forecast/ewn/index2.php

The page itself looks correct but the EWN forecast is all over the place.

#confused

Regards, Simon


Screen Shot 2017-06-24 at 09.11.45.png

BUMP.

I’m really hoping someone who is a CSS expert is reading this because I’ve spend many hours on it now and the page is still corrupted.

Any help would be really appreciated :wink:

Regards, Simon