Forums

CSS Issue? Regions not clickable!

Permalink 2 users found helpful
The following site:
http://ns1.whethamsolutions.com/~thebiggr/...

Doesn't let me click on any content regions. The cursor turns into a text selector rather than a pointer when I hover over them, thus, no menu pops up to allow me to add a block.

Any ideas? I've never seen this before...
WebSolutions
 
Mnkras replied on at Permalink Reply
Mnkras
looks like you were on the right track,

remove 
.ccm-add-block {
   position:relative;
   z-index:99999;
}

thats not going to help
and for the z-indexes make them all under 3
WebSolutions replied on at Permalink Reply
WebSolutions
Thanks for the suggestion Mnkras: I tried putting the z-indexes all as either 1 or 2, but it hasn't fixed it...

...any other ideas?
Mnkras replied on at Permalink Reply
Mnkras
its hard to tell without having edit access,

but you should defiantly load those images through css,
WebSolutions replied on at Permalink Reply 1 Attachment
WebSolutions
I switched the imgs to backgrounds, still no joy. Since I changed the z-indexes though, I can now hover slightly below (about 20px below) the actual section selector, and it highlights, so that I can add a box in. this only works on 2 boxes of 3, and once I add a block, it doesn't allow me to add any more.

I've attached a screenshot.
WebSolutions replied on at Permalink Reply
WebSolutions
Almost got it... turns out that I had a position: relative; on the body element, which pushed the link/hover regions down. I've removed that which got 2 of 3 sections working perfect, but now I've got this last one that's a bugger.
WebSolutions replied on at Permalink Best Answer Reply
WebSolutions
All good...

the culprits:

1. body was position:relative;

2.
<div z index 2>
  <div z index 2>
    editable region
  </div>
  editable region
</div>


the fix:
<div z index 2>
  <div z index 3>
    editable region
  </div>
  editable region
</div>
trolink replied on at Permalink Reply
Hi Websolutions,

Can you tell me which file i need to edit? I have the same problem. I can't find such XML file..

Thanks!

Br,
Thomas
WebSolutions replied on at Permalink Reply
WebSolutions
1. Check to ensure that you don’t have position:relative on your body for any reason

2. Make sure that your editable regions are within a DIV that has a higher z-index than the DIV that it’s nested in. The above demonstration isn’t XML, it’s just to illustrate where my issue was in HTML/CSS. You’ll notice in the error that the z-indexes are both 2, but in the fix, the main DIV is 3, nested in a lower one being 2.

Provide the link and I'll have a look.
malkau replied on at Permalink Reply
malkau
Thanks WebSolutions! I was having the same problem (the editible region highlights were not lining up), and removing "position:relative" from the BODY tags CSS fixed it instantly. Yay!

Cheers