area on top of area
Permalink
I've got a layout where I have a huge div (area) in the background where people should be able to place a slideshow.
On top of that div (area) there's the content.
The content div is completely surrounded by the background div.
As soon as I insert a picture/slideshow, I'm not able to select the inner div anymore.
The only solution I could think off, is to build a css that shows the background div somewhere else if someone is editing the page.. Not really nice..
Any ideas?
On top of that div (area) there's the content.
The content div is completely surrounded by the background div.
As soon as I insert a picture/slideshow, I'm not able to select the inner div anymore.
The only solution I could think off, is to build a css that shows the background div somewhere else if someone is editing the page.. Not really nice..
Any ideas?
you gotta hack the template to do something different in edit mode than in view mode. its unfortunate but sometimes the incontext model has to bend a little for design potential.
<?php if ($c->isEditMode()) { ?> <div id="iChangeZindex"></div> <?php } ?>
You can see it in action in concrete/themes/default/elements/header.php
I'd probably do an echo statement because that is usually what i do instead of wrapping something like that, looks wrong to my eyes, but it works :)
You can even include a different css file if the page is in edit mode.
Perhaps change the z-index? or make the div underneath clear both? who knows.
*highfive*
-Scott
bling for u.
*lowfive*
*lowfive*
thanks Scott!
Problem in my case is that the background div is huge. I don't have any space left ;-)
I probably have to make it smaller in edit mode. Playing with z-index didn't help
Problem in my case is that the background div is huge. I don't have any space left ;-)
I probably have to make it smaller in edit mode. Playing with z-index didn't help
I would explicity define a height if in edit mode, that would override anything in the css file and hopefully and potentially give you what you need. You could even include a bit of javascript to accomplish this, but css will probably suffice.
Take care,
-Scott
Take care,
-Scott
