whole 'menu item area' clickable?

Hi,

How can I make the whole 'menu item area' clickable?

At the moment the whole menu item highlights but you only get the 'pointer' when you are over the menu item letters.

the website is www.empirebc.com.au

I hope this makes sense.

Thank you in advance.

Spencer

Hi,

Your post is quite a long time ago, but I see you still haven't fixed it.
It's quite simple, but you just have to know.

In the stylesheet 'suckerfish.css' you can see the following code:

Code: Select all

div#horiz-menu li li a,
div#horiz-menu li li span.separator{
   padding:0 0 0 5px;
   width:185px;
}

The only thing you have to add there is:

Code: Select all

   display: block;

And then your problem must be solved!;)

Good luck!

nope, you need find:

Code: Select all

div#horiz-menu a,
div#horiz-menu span.separator{
   padding:0 0 0 3px;
}

and then add

Code: Select all

display: block;

the final code is:

Code: Select all

div#horiz-menu a,
div#horiz-menu span.separator{
   padding:0 0 0 3px;
   display: block;
}

Saludos!

PD. I don't know how it exactly works, coz I'm noobie, it just was luck... firebug is my friend.

Hey,

Your solution doesn't work on my site. I've tried all possible ways, and the only thing that worked, was the way I said in my first post. I have to note, that way only fixes the 'clickproblem' at the subitems.

Bye

that's weird, I did it again and it works; I tried also with http://demo.gavick.com/joomla15/may2009/ and it works too, although the code was a lil bit diferent (dif template version?)

Code: Select all

div#horiz-menu a {
padding: 0 0 0 3px
display: block
}

what is your site, just for curious. : D

Saludos