Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Dec 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Fixing this html

    Can someone tell me how to fix this html to achieve an identical outcome using css and a list (ul) with list items (li)?

    Code:
    <font color="FF0000">•</font> <a href="http://www.link.com">Text</a> Text
    Basically I want a list item with a colored bullet - how would I do that with css?

    Thanks.

  • #2
    New to the CF scene
    Join Date
    Dec 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ok so in short I want to be able to style the bullet a color without styling the text of the list item that color as well.

    Also- it cannot use a list-style-image (because it does not look good when the user changes his browser's text size) and it cannot simply style the list item a color then use a span surrounding the text to over-ride the color of the list item with the span's color (because it will be placed on a forum with multiple color schemes - the text color should match the color as specified in the color scheme, not a set color that will look bad on some color schemes).

  • #3
    Regular Coder Kristofa's Avatar
    Join Date
    Jun 2009
    Location
    Leicester
    Posts
    143
    Thanks
    7
    Thanked 20 Times in 20 Posts
    I'm not entirely sure that it is possible :-s I was going to suggest list-style-image, but if you don't want to use that. I'm not aware of a way to change the colour of a list style...


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •