Forum Moderators: open

Message Too Old, No Replies

CSS - List Style Images

Lists, css, list style images,

         

gravey1980

1:42 pm on Aug 26, 2010 (gmt 0)

10+ Year Member



Hi all

Whenever I use list style images in css the images never align horizonital centred. They are always slightly higher than the copy when it displays.

does anyone know a away round this?

Regards
gravey1980

tedster

2:07 pm on Aug 26, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Not that works cross-browser. This is one of my frustrations, too. The best I can do is experiment with extra pixels of blank space around the image until I find a happy medium that looks acceptable, if not identical, cross-browser.

Maybe someone has a deeper understanding than what I've come up with?

gravey1980

3:59 pm on Aug 26, 2010 (gmt 0)

10+ Year Member



cheers tedster

annoying isn't it.

thanks for the comments

Hoople

3:39 am on Aug 27, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I've found some browsers react better when the image outline attribute is set to 0px vs no reference to it at all. Only setting border="0" wasn't sufficient.

Does your default style sheet initialize any/all image attributes?

tedster

4:40 am on Aug 27, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hoople, are you saying that the outline property has an effect even on the image used in list-style-image url?