Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Code Project
  1. Home
  2. Web Development
  3. UL text color and CSS problem.

UL text color and CSS problem.

Scheduled Pinned Locked Moved Web Development
questionhtmlcsshelp
7 Posts 3 Posters 0 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • L Offline
    L Offline
    Like2Byte
    wrote on last edited by
    #1

    Hrm. How do I word this? I'm using CSS and HTML to format my webpage. Everything looks great until the list item is encountered. The

    text is all gray/blue (like I want) but when the text gets to the list items is turns the LI items black. Well, considering the background is set to black ... I can't see my list items! Arg. How can I get CSS to format the listitems in the Unordered List tag to the color I want(#3C81D0)? CSS: a:link {color: #7282A9} a:visited {color: #8E7583} a:hover {text-decoration: underline;color: #EA8000} a:active {color: #00FFFF} p.groove {border-style: groove} p {text-decoration: none;color:#3C81D0; text-align:left} body {background-color:white; font-size:medium; color=#3C81D0} ul{ list-style-type: circle; font-size:medium; color=#3C81D0 } HTML:

    Hi. Thanks for blah, blah, blah.

    My blah's are blueish while my...

    • listitem 1
    • listitem 2
    • listitem 3
    • listitem 4
    • listitem 5
    • listitem 6
    • listitem's are black!

    Please check back from time to time to see more blah.

    Thanks.

    A S 2 Replies Last reply
    0
    • L Like2Byte

      Hrm. How do I word this? I'm using CSS and HTML to format my webpage. Everything looks great until the list item is encountered. The

      text is all gray/blue (like I want) but when the text gets to the list items is turns the LI items black. Well, considering the background is set to black ... I can't see my list items! Arg. How can I get CSS to format the listitems in the Unordered List tag to the color I want(#3C81D0)? CSS: a:link {color: #7282A9} a:visited {color: #8E7583} a:hover {text-decoration: underline;color: #EA8000} a:active {color: #00FFFF} p.groove {border-style: groove} p {text-decoration: none;color:#3C81D0; text-align:left} body {background-color:white; font-size:medium; color=#3C81D0} ul{ list-style-type: circle; font-size:medium; color=#3C81D0 } HTML:

      Hi. Thanks for blah, blah, blah.

      My blah's are blueish while my...

      • listitem 1
      • listitem 2
      • listitem 3
      • listitem 4
      • listitem 5
      • listitem 6
      • listitem's are black!

      Please check back from time to time to see more blah.

      Thanks.

      A Offline
      A Offline
      allia
      wrote on last edited by
      #2

      Hmmm, wouldn't color:#3C81D0; work? there is an "=" sign there that should not be. Or am I wrong? Also change it in the body tag and add ";" at the end. I live to code.

      L 1 Reply Last reply
      0
      • L Like2Byte

        Hrm. How do I word this? I'm using CSS and HTML to format my webpage. Everything looks great until the list item is encountered. The

        text is all gray/blue (like I want) but when the text gets to the list items is turns the LI items black. Well, considering the background is set to black ... I can't see my list items! Arg. How can I get CSS to format the listitems in the Unordered List tag to the color I want(#3C81D0)? CSS: a:link {color: #7282A9} a:visited {color: #8E7583} a:hover {text-decoration: underline;color: #EA8000} a:active {color: #00FFFF} p.groove {border-style: groove} p {text-decoration: none;color:#3C81D0; text-align:left} body {background-color:white; font-size:medium; color=#3C81D0} ul{ list-style-type: circle; font-size:medium; color=#3C81D0 } HTML:

        Hi. Thanks for blah, blah, blah.

        My blah's are blueish while my...

        • listitem 1
        • listitem 2
        • listitem 3
        • listitem 4
        • listitem 5
        • listitem 6
        • listitem's are black!

        Please check back from time to time to see more blah.

        Thanks.

        S Offline
        S Offline
        Sarvesvara BVKS Dasa
        wrote on last edited by
        #3

        Like2Byte wrote: ul{ list-style-type: circle; font-size:medium; color=#3C81D0 } Where is the style for li??? I was born intelligent
        Education ruined me!.

        A 1 Reply Last reply
        0
        • S Sarvesvara BVKS Dasa

          Like2Byte wrote: ul{ list-style-type: circle; font-size:medium; color=#3C81D0 } Where is the style for li??? I was born intelligent
          Education ruined me!.

          A Offline
          A Offline
          allia
          wrote on last edited by
          #4

          oh, sorry - add li after the ul or in a separate block The following work on my IE: li{ list-style-type: cirle; font-size:medium; color:#3C81D0; } ---OR --- ul li{ list-style-type: circle; font-size:medium; color:#3C81D0; } I live to code.

          L 1 Reply Last reply
          0
          • A allia

            Hmmm, wouldn't color:#3C81D0; work? there is an "=" sign there that should not be. Or am I wrong? Also change it in the body tag and add ";" at the end. I live to code.

            L Offline
            L Offline
            Like2Byte
            wrote on last edited by
            #5

            Thanks! It was the '=' sign.

            1 Reply Last reply
            0
            • A allia

              oh, sorry - add li after the ul or in a separate block The following work on my IE: li{ list-style-type: cirle; font-size:medium; color:#3C81D0; } ---OR --- ul li{ list-style-type: circle; font-size:medium; color:#3C81D0; } I live to code.

              L Offline
              L Offline
              Like2Byte
              wrote on last edited by
              #6

              I'll add the style for li. I had it in there at one time but I removed it after trying a dozen different non-functioning techniques. It was the '=' sign I had in the css. Thanks for all your help! :)

              S 1 Reply Last reply
              0
              • L Like2Byte

                I'll add the style for li. I had it in there at one time but I removed it after trying a dozen different non-functioning techniques. It was the '=' sign I had in the css. Thanks for all your help! :)

                S Offline
                S Offline
                Sarvesvara BVKS Dasa
                wrote on last edited by
                #7

                Like2Byte wrote: It was the '=' sign I had in the css. ;P;P I was born intelligent
                Education ruined me!.

                1 Reply Last reply
                0
                Reply
                • Reply as topic
                Log in to reply
                • Oldest to Newest
                • Newest to Oldest
                • Most Votes


                • Login

                • Don't have an account? Register

                • Login or register to search.
                • First post
                  Last post
                0
                • Categories
                • Recent
                • Tags
                • Popular
                • World
                • Users
                • Groups