Edit Page issue
Permalink
Hi,
I have a page where I have a header image, and I then have a div which has some text placed on top of the image. This displays fine. However, if I want to edit the text I cannot because when you try to select it the mouse always goes over the image, and because it is bigger than the text it remains selected.
The only way I have found around this is to move the image to another block, edit the text and then move the image back but thats a bit pants really.
Can anyone help me as I am probably missing something really obvious??
Cheers
Al
I have a page where I have a header image, and I then have a div which has some text placed on top of the image. This displays fine. However, if I want to edit the text I cannot because when you try to select it the mouse always goes over the image, and because it is bigger than the text it remains selected.
The only way I have found around this is to move the image to another block, edit the text and then move the image back but thats a bit pants really.
Can anyone help me as I am probably missing something really obvious??
Cheers
Al
sure, got a shot?
we like easy right?
make that div clear the image in edit mode.
in pagetype template:
for the start of that div that holds the text. You can throw any css in there that moves the text away from the image, all sorts of stuff online on how to do that.
[/code]
make that div clear the image in edit mode.
in pagetype template:
<div <?if $c->isEditMode(){echo('style="clear:both"');}?>>
for the start of that div that holds the text. You can throw any css in there that moves the text away from the image, all sorts of stuff online on how to do that.
[/code]