Previous Message
Next Message

Including List Bullets Inside Links

Sent by Duckworth, Nigel on 20 March 2006 20:08

Les Mizzell:
"I'm using an image for bullets on a list of links.
Client want you to be able to click the bullet as well as the link."

To make the bullet "clickable" I would put the bullet on the background
of the link and pad that area to give the bullet space, like so: 

<ul class="bulleted">
	<li><a href="">Link 1</a></li>

..bulleted { list-style: none; }
..bulleted a { padding-left: 25px; background: url(/icons/bullet.gif) 0%
50% no-repeat; }

Should work. 


css-discuss [EMAIL-REMOVED]]
IE7b2 testing hub --
List wiki/FAQ --
Supported by --
Previous Message
Next Message

Possibly related: