bmenu - how to make background image the hit area, not just the text

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
ascr689
Forum Members
Forum Members
Posts: 13
Joined: Thu Apr 29, 2010 11:31 pm

bmenu - how to make background image the hit area, not just the text

Post by ascr689 »

I'm working on the site  I've styled the menu using the bmenu module.  I've added a background image to the menu links, and I can't figure out how to make the background image the hit area, not just the text itself.

If you don't click right on the text the link doesn't work.   I'm worried that, for example, if they click on the button space next to About Us, instead of right on the text "About Us" they won't be directed to the new page.  Any help would be appreciated!
Last edited by calguy1000 on Thu Jun 17, 2010 4:03 am, edited 1 time in total.
xnau
Forum Members
Forum Members
Posts: 33
Joined: Sun Apr 15, 2007 6:53 pm

Re: bmenu - how to make background image the hit area, not just the text

Post by xnau »

Hi-- it's pretty simple, the "a" tag needs to be padded out to make the hit area larger. This will probably mess up your layout, so you'll have to change the styling on your li tags too.
ascr689
Forum Members
Forum Members
Posts: 13
Joined: Thu Apr 29, 2010 11:31 pm

Re: bmenu - how to make background image the hit area, not just the text

Post by ascr689 »

Is there a way to change "the "a" tag needs to be padded out to make the hit area larger. " using cmsms menu system and bmenu module, if so where do I go to change it?
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am
Location: Arizona

Re: bmenu - how to make background image the hit area, not just the text

Post by Dr.CSS »

In a style sheet...
Post Reply

Return to “Layout and Design (CSS & HTML)”