OK - first up I'm a Pagelime newbie and not a wiz with code.
I've got an existing design using XHTML & CSS.
I have a top nav menu that uses an unordered list.
When I add in Pagelime edit tags I'm having problems. Here is the code before adding in any Pagelime:
<ul id="topnav">
<li class="last"><a href="#">A Long Link Text</a>
<li><a href="#">DropDown</a>
<ul>
<li><a href="sub_page_1-full-width.html">Link 1</a></li>
<li><a href="sub_page_2-full-width.html">Link 2</a></li>
<li><a href="sub_page_3-full-width.html">Link 3</a></li>
</ul>
</li>
<li><a href="full-width.html">Full Width</a></li>
<li><a href="style-demo.html">Style Demo</a></li>
<li class="active"><a href="index.html">Home</a>PROBLEM 1
When I add in Pagelime edit tags the code is recognised, the edit icons are displayed but they are not active i.e. not clickable to open an edit box.
PROBLEM 2
Also the drop down lists are a problem. When a drop down menu item is highlighted the edit tag displays under the drop down list and as soon as the cursor is moved over the icon, the drop down list disappears along with the edit icon.
Here is the code with the Pagelime edit changes I've made:
<ul id="topnav">
<li id="button4" class="last cms-editable"><a href="#">A Long Link Text</a>
<li><a href="#">DropDown</a>
<ul>
<li><a href="sub_page_1-full-width.html">Link 1</a></li>
<li><a href="sub_page_2-full-width.html">Link 2</a></li>
<li><a href="sub_page_3-full-width.html">Link 3</a></li>
</ul>
</li>
<li><a href="full-width.html">Full Width</a></li>
<li><a href="style-demo.html">Style Demo</a></li>
<li class="active"><a href="index.html">Home</a>I'm sure it's something to do with syntax and placement of the Pagelime class/conflict with existing classes - but as I say, coding is not my thing :)
Any thoughts or guidance appreciated :)
[UPDATE]
Quick addition on this. I just noticed that the edit icons 'tail' on the fields that aren't working are tucked behind the fields that need to be edited. As if there is a z-index tag in place and the Pagelime edit bubbles aren't quite at the front. This image shows a non-working Pageliem tag/bubble at the top on the menu (with the icon's 'tail' hidden) and a working one at the bottom (with it's 'tail' displayed above the editable image):
http://www.globalmarketingevents.com/pagelime.jpg
