Problems, need help? Have a tip or advice? Post it here.
3 posts Page 1 of 1
Hi KK,

since you are online too, a quick question (I tried to find the solution in the forum, but didn't spot it!).

I used the menu maker to build a website menu for http://www.bouleetbilles.net

My problem is that there's some link atop of the menu which are here only for the decorum (they don't lead to any page per se).

I make them "Point to another page" then let the "This page points to the following location:" blank, so if people want to go the sub-menu they have to click on the arrow.

My question is: do I get it right? Or is there another way to do it?
And more importantly: how can I have them not change when :hover ?

Thanks,
Paolo
Hi Paolo,

Leaving the "This page points to the following location:" field blank is indeed the right way of dealing with empty links.

As for styling them - I take it that you are using cms:menu tag to generate the markup.
If so, the A elements for such menu-items will have an href set to '#'.
You can easily target them with CSS selectors (http://css-tricks.com/snippets/css/styl ... stination/).

In your case, only the LIs that have sub-menus contain such empty links. Such LIs have the class 'has-submenu' so another way of targeting the links would be
li.has-submenu a ..

Finally, you can always generate a markup of your own choice by using cms:nested_pages (http://www.couchcms.com/docs/tags-refer ... pages.html), instead of cms:menu. This way you can test for empty links and style them as desired.

Hope this helps.
Cool! I didn't know that one.

A simple

a:hover[href^="#"] {text-decoration:none;}

did the trick! Perfect.

Thanks again KK,
Best regards,
Paolo
3 posts Page 1 of 1