On Sun 17 Jun 2012, Dominic Hargreaves dom@earth.li wrote:
On Mon, Feb 27, 2012 at 05:45:45PM +0000, Kake L Pugh wrote:
Just spotted an issue with this - on pages with geodata (and hence a map), the node image is squashed in between the map and the address/phone/postcode, rather than sitting neatly below it, e.g. compare: http://oxford.openguides.org/wiki/?Oriental_Condor with http://cambridge.openguides.org/wiki/?Punter
This is still an issue and I haven't had a chance to dig into it yet. Is anyone with more CSS-fu then me able to look at this?
In the Cambridge example the map and photo are actually both in the same <div>. This would make it a lot easier to style them neatly like that -- may be possible to fudge it in the Oxford pages despite them being in separate <div>s, but I fear I don't have enough CSS-fu to do so. How easy is it to alter the node template?
I did manage to fix it so that the photo appeared to the left of the other metadata (which IMO looks slightly neater than having it clashing with the map) by adding this to the end of the stylesheet:
#metadata { margin-bottom: 80px; }
div#node_image_box { float: left; margin-right: 30px; }
Haven't tested this widely though!
Jx