18 Feb 2010
11 Mar 2010
Link to this post
I am designing a site in Sitefinity where I have a div that contains an image. I'm using a css hover effect to change the image. (basically repositioning the background to display a 'moused-over version' of the same image). There is also a link attached. I have another div of the same size positioned over the previous div that contains text that I want to be editable which also has a hover effect. The idea is...the div displays an image. When you hover over this image, the image changes AND text appears over the image as well, and you have the ability to follow a link when clicked. When you 'mouse out', the div goes back to the original image and the text goes away. This whole scenario is taking place in a master page.
So, in the top div I placed a content placeholder, so that when I create a page from this template, I can use a Sitefinity generic content control to place editable text in that div. This all works great, until I try to click the edit button, in edit mode, to add text to the control. When I do that, the anchor tag from the underlying div takes over and instead of being able to edit my text, I am sent to the destination of the anchor tag.
How do I bring the edit button to the top in edit mode...or how do I disable the underlying activity in edit mode?
Any and all help is appreciated.