[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 297
  • Last Modified:

Google Maps problem

Hi Experts,

We are having some trouble implementing Google Maps on our site.

The map draws fine however the footer of the map seems to be picking up a CSS style from our site (if that's even possible?)

http://www.blastbeat.tv/index.php?action=GigsCtrl/viewNFDetails&args[]=98

Appeciate if anyone can shed some light on this.

Thx,
Michael
0
moconn
Asked:
moconn
  • 3
  • 3
1 Solution
 
Pantalaim0nCommented:
I suspect the following style in your stylesheet is responsible for the style mixup..

The labels used in google maps are also placed in spans, and the google maps are within the #rhs div...

#rhs span {
	background-color:#b20000;
	float:left;
	margin-right:auto;
	padding:6px 8px;
	color:#ffffff;
	text-transform:uppercase;
	font-size:14px;
	font-family: "Gill Sans MT", Arial, sans-serif;
	font-weight:bold;		
}

Open in new window

0
 
moconnAuthor Commented:

Thanks for coming back to us.

We've temporariily commented out the #rhs span and still have the same problem.

Any ideas?
0
 
Pantalaim0nCommented:
Your css seems to have another #rhs span defined after the one you commented out.. Try disabling that one too.
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
moconnAuthor Commented:
Thanks so much!
0
 
moconnAuthor Commented:

One last question on Google Maps if you have time..

We've just added an info window but it's not displaying correctly for me.

We've followed the example at
http://code.google.com/apis/maps/documentation/introduction.html

Only problem is that we have a large white box at the base of the Info Window..
It's not absolutely necessary but it would be nice to get this 100% right.

Any help appreciated..

thanks,
Michael
0
 
Pantalaim0nCommented:
I wonder if it's a Google API problem, the strange way the info box is drawn on the maps..

You could try to use openInfoWindowHtml instead of openInfoWindow, and just pass a string with HTML code as parameter.

Or, google API info box might be conflicting with the iepngfix.htc definition in your stylesheet. See what disabling this script does.. (are you using pngs with alpha channels that absolutely require this? )
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

  • 3
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now