Hey all...

So I've got a menu here:

http://www.green-tech.org/site/

I've managed to get graphic backgrounds for each button. However, I can't get the "trigger" area to extend to the actual size of the graphics - and I'd like to lose the text on the buttons as well. Hover state would be nice too...

UPDATED: Please see the last post in this thread.... I've made progress, but still need a hand.

Here's what I have:

div#menu1 ul.rMenu li.page-item-5 {
background: url(http://green-tech.org/site/02.jpg) no-repeat left top;
padding: 0 0 0 0;
height:116px;
width:212px;
}

Help?

Thanks!

M.

If it helps at all, I want the menuing to work JUST like this:

http://thehomeinspectioncompany.org/home.html

M.

I would add a four cell widget area and put the graphics with links to the pages you want.

I just saw that you want dropdowns so what I said is not valid.

Hey Larry!

Well thanks for the reply just the same.

Have a great one!

M.

I was curious so started experimenting and this might help you with where you want to go. The following increased the "target area" the rMenu-ver a was necessary to keep the sub menus from being as wide. I would need to experiment more to figure how to get the hover images to work but wanted to post this.

.page-item-5 a {height:100px;} 
.rMenu-ver a  {height:20px !important;}