×

Notice

The forum is in read only mode.
Welcome, Guest
Username: Password: Remember me
Forgot your password? Forgot your username? Create an account
Forum
Hotspots
Pro
Newbie area
Maps Bubble -> wie die Höhe verkleinern?
  • Page:
  • 1

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

Maps Bubble -> wie die Höhe verkleinern? 12 years 7 months ago #14085

  • Bärbel Tomasi
  • Bärbel Tomasi's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 3
  • Thank you received: 0
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 .

Maps Bubble -> wie die Höhe verkleinern? 12 years 7 months ago #14093

  • Daniel Dimitrov
  • Daniel Dimitrov's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 9618
  • Karma: 155
  • Thank you received: 1081
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:
#map-overlay{
font-size: 12px;
line-height: 1;
}
This will make the infowindow smaller.

Kind regards,
Daniel

Maps Bubble -> wie die Höhe verkleinern? 12 years 7 months ago #14110

  • Kate Fisher
  • Kate Fisher's Avatar
  • Offline
  • Expert Boarder
  • Expert Boarder
  • Posts: 82
  • Karma: 1
  • Thank you received: 0
Dont forget the px in the definition for line-height btw.

Maps Bubble -> wie die Höhe verkleinern? 12 years 7 months ago #14122

  • Daniel Dimitrov
  • Daniel Dimitrov's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 9618
  • Karma: 155
  • Thank you received: 1081
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

Maps Bubble -> wie die Höhe verkleinern? 12 years 7 months ago #14125

  • Kate Fisher
  • Kate Fisher's Avatar
  • Offline
  • Expert Boarder
  • Expert Boarder
  • Posts: 82
  • Karma: 1
  • Thank you received: 0
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

Maps Bubble -> wie die Höhe verkleinern? 12 years 7 months ago #14135

  • Bärbel Tomasi
  • Bärbel Tomasi's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 3
  • Thank you received: 0
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

Maps Bubble -> wie die Höhe verkleinern? 12 years 7 months ago #14144

  • Daniel Dimitrov
  • Daniel Dimitrov's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 9618
  • Karma: 155
  • Thank you received: 1081
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

Maps Bubble -> wie die Höhe verkleinern? 12 years 7 months ago #14161

  • Bärbel Tomasi
  • Bärbel Tomasi's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 3
  • Thank you received: 0
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
  • Page:
  • 1
Forum
Hotspots
Pro
Newbie area
Maps Bubble -> wie die Höhe verkleinern?
Time to create page: 0.143 seconds