TOPIC: Maps Bubble -> wie die Höhe verkleinern?

Hallo!

Ich habe schon das Forum durchgelämmt und eine Lösung der Frage gefunden, wie sich die Breite der Bubble verändern läßt. Das scheint aber für die Höhe nicht entsprechend zu gelten, oder?

Für mich ist der untere Bereich (unterhalb von #hotspots-links) komplett entbehrlich. Siehe hier: .
Bzw. Testsitehier .

Hey Bärbel,
Infowindows have problems with css not defined in px, but in em or %. The google maps API calculates the height for some reason differently.

Add this to your css file:This will make the infowindow smaller.

Kind regards,
Daniel

Dont forget the px in the definition for line-height btw.

That is not really true Kate. Please look at this presentation:
www.maxdesign.com.au/articles/css-line-height/

You can define line-height in several ways one of them is 1,2,3,4 etc

Check the presentation it is really good.
Cheers,
Daniel

Apologies I tried it without, and then with and with worked. Probably something I did Im sure it must work how you say.
Many thanks

Kate

Hello there!

I want to go back to my initial request. I've made the change in my css as Daniel suggested. But this did't solve the problem. Only the text is a little smaller (see screenshot3). The size of the bubble is still HUGE and it is UGLY this way!

Daniel, how did you manage to make it so small in you demo (see screenshot2)?
Greets,

Bärbel

I didn't do anything for the demo site. The problem with your site is that you specify the font-site in %. (look at your #main div).
Because of this the google maps api can't calculate the height of the window properly. (you know css properties are inherited etc...)

So the trick that I want to do for your site is to set explicit px dimentions to the marker bubble.
Somehow your css confuses the google maps api, but I'm not able to tell you what exactly.

Do you mind me asking in the google maps group about this and giving your site as the example?

Cheers,
Daniel

Hello Daniel!

As time is pressing for me - my site should be online at the end of this week - I've changed my css and changed the font-sizes to px instead of em or %.
Now the bubbles are perfect.

Thank you for your help!

Bärbel