Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to extend the clickable area of a link with a background-image Reply To: How to extend the clickable area of a link with a background-image

#164365
Paulie_D
Member

I think we’d need to see the HTML (or better yet a live link) but the clickablearea is usually the anchor link. This is probably smaller than theliarea due to the padding you have applied to theli.

I generally let my list items (li) derive their actual size and other properties from the anchor links….it’s just easier. Oh, any I set them to display:block too.

Try putting the bg image on the anchor links bearing in mind the above.

BTW…80px of top padding is a shipload of padding on something that’s only 30px tall.. It’s an unusual amount.