I have a special unordered list in my html with a class of rightlist. The css is...
so its a list that should, instead of having the standard bullet-points, has the 'not' (¬) sign as a bullet instead. This is to cut down on filesize and such, I wanted it to look a little original. It looks great in Firebird and Opera, but the 'not' sign doesn't show up in IE. Anything quirky that anybody knows about with IE? If there is a workaround, please tell me. I got my ideas from :Code:.rightlist ul{ position: relative; margin: 0; text-align: center; padding-top: 0; padding-right: 0; padding-bottom: 0.75em; padding-left: 0; float: left; } ul.rightlist li{ display: block; margin: 0; padding: 0.5em 0; float: left; } ul.rightlist li a:before{ content: "\00AC \0020"; color: #0D2B88; } ul.rightlist li a:hover:before{ content: "\00AC \0020"; color: #FFFFFF; } ul.rightlist li a{ font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; color: #0D2B88; text-decoration: none; font-weight: bold; display: block; } ul.rightlist li a:hover{ color: #FFFFFF; text-decoration: underline; font-weight: bold; background-color: #0D2B88; display: block; }
http://www.alistapart.com/articles/taminglists/





Bookmarks