On Sun 17 Jun 2012, Dominic Hargreaves <dom(a)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