When viewing the moon image, the overlays do not display properly. The overlays are too small. I viewed it on Firefox and Chrome (latest versions each). I have attached a screen shot with six moons showing, one of which has been corrected to display properly.

When editing the HTML with Firebug, I can remove the img height and width values and the image displays properly. (The top left moon image in the attached PNG file has had the height and width removed from the HTML.)

Before edit:

<img width="14.586" height="52" align="left" title="Waxing Gibbous" alt="right" src="http://cmt.ilww3.net/sites/all/modules/moon_phases/moons/night_waxing_gibbous.png" class="moon-overlay">

After edit:

<img align="left" class="moon-overlay" src="http://cmt.ilww3.net/sites/all/modules/moon_phases/moons/night_waxing_gibbous.png" alt="right" title="Waxing Gibbous">

Web server - Apache/2.2.3 (CentOS)
Drupal - 7.14
PHP - 5.2.17

CommentFileSizeAuthor
moonphases.png116.33 KBjoeebel

Comments

joeebel’s picture

joeebel commented
Category: bug » support
Status: Active » Fixed

Okay, I got it. With CSS, I overrode img.moon-overlay with a fixed height of 52px. I don't understand why this works, but there are a lot of things I don't understand! I'll add this to the list.
All is well!

tom.camp’s picture

tom.camp commented

Hey, thanks for the update. I was going to mention that it didn't look like the overlays where the wrong size, but that they were not positioned correctly. I'm glad you got it sorted. Let me know if you need any help with anything else.

tom.camp’s picture

tom.camp commented
Status: Fixed » Closed (fixed)
murias’s picture

murias commented

I had this same exact issue. The fixed height trick with CSS worked wonderfully. Thank you for that.

pierce’s picture

pierce commented

I'm having what I think is a similar problem? the 'shadow' overlay on the moons is the wrong height, resulting in some pretty silly phases.

using Chrome's element inspector, if I remove height: 100% from .moon-overlay on line 49 of moon_phases.css, then its displaying clean.

I am not sure where or how to implement the CSS override you mention short of editing moon_phases.css, as I've not done my own theme.

I would like to better integrate the background of the moon squares with my 'dark' theme, you can see the theme here
http://observers.org/moon/phases/calendar

what I would *really* like would be some way of using these moons on this event calendar,
http://observers.org/tac-calendar, or showing those events on the moon calendar.

tom.camp’s picture

tom.camp commented

Hey Pierce,
I will be making some updates to the css very soon. I am also exploring different ways of displaying the moons using scalable images. I will let you know as soon as there is an update.

tom.camp’s picture

tom.camp commented

Hey all,
This is fixed in the 7.x-1.2 release. If you update the module that should cover it.

Thanks for your input and patience.