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>
	...
</ul>

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

Should work. 

-Nigel

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Possibly related: