Forum Moderators: not2easy

Message Too Old, No Replies

List-Style Position:Inside, again

Can't use both hover effects and inside bullet position on a list of links

         

Jessi

5:35 am on Feb 23, 2004 (gmt 0)

10+ Year Member



I just googled and found this post

[webmasterworld.com...]

which describes exactly the problem I ran into today. I want to have a list of links, and have the list bullets displayed inside. However, I also wanted to display each link as a block element so that I can use hover effects. Turns out it doesn't work - because the list item is a block element also, you end up with the bullet, then a break, then the link on the line below.

Has anyone found a way to work around this problem? I really want my pretty little custom bullets to display inside.... they just look tacky otherwise. And I really wanted hover effects on the links....again avoiding tackiness, as I think they look much better than underlining.

I did try a work around of using my hover effect on the list item instead of the link. It worked okay (in some browsers, anyway!) but not the right solution for me, because I have nested lists of links, and the whole sublist, rather than its single links, gets the hover effect and ruins the whole effect I wanted.

This is my burning question. I just registered here in hopes of finding an answer! At any rate, this is a terrific bunch of forums!

DrDoc

3:39 pm on Feb 23, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome to Webmaster World!

Have you tried

display:block; float: left;
?

your_store

6:20 pm on Feb 23, 2004 (gmt 0)

10+ Year Member



I would suggest using a background image on the links instead of attaching the bullet to the li. Much easier to work w/ in my opinion.

Jessi

7:25 am on Feb 24, 2004 (gmt 0)

10+ Year Member



Thank you both for the helpful suggestions! I will try the style change. If that doesn't work I'll make the bullet a background image.

Jessi

Jessi

1:31 am on Feb 26, 2004 (gmt 0)

10+ Year Member



DrDoc, I tried your suggestion. I certainly saw some changes but couldn't get quite what I wanted, even after fiddling for quite some time. I went with your_store's suggestion and indeed it was easier to be able to specify the bullet's position straight-forwardly, as a background image. So that's what I went with. Many thanks to both of you!

DrDoc

1:42 am on Feb 26, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



At least you found an answer to your question... That's all that matters ;)

Jessi

1:50 am on Feb 26, 2004 (gmt 0)

10+ Year Member



Actually, what matters just as much is messing around and learning from the process!