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:
Link 1
.
On Mon, 2006-03-20 at 11:54 -0500, Les Mizzell wrote:
> 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.
>
> Short of setting the list with no bullets and including the image like:
>
> Link Text 1 Here
> Link Text 2 Here
li
> I can do this and include the image bullet in my CSS:
>
> Link Text 1 Here
> Link Text 2 Here
>
> ...which I'm 100% sure *ain't* legal, but does work.
>
> Other suggestions?
Try something like this (adjusting to fit the width of the bullet image):
li a { position: relative; left: -20px; padding
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.
Short of setting the list with no bullets and including the image like:
Link Text 1 Here
Link Text 2 Here
...which is pretty nasty
I can do this and include the image bull