Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2

Thread: CSS Help

  1. #1
    New Coder
    Join Date
    Apr 2005
    Thanked 0 Times in 0 Posts

    CSS Help

    Can someone help me with these errors?

    Line : 2 (Level : 1) You have no color with your background-color : body
    (Level : 2) Redefinition of border-bottom-style : #break
    Line : 60 (Level : 2) Redefinition of border-bottom-style : #break2

    LINE2 background-color : #ffffff;
    LINE60 border-bottom-style : dotted;
    LINE52 border-bottom-style : dotted;

  • #2
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Splendora, Texas, United States of America
    Thanked 291 Times in 285 Posts
    If you actually read the document that’s producing those messages, you’ll find that they are warnings, not errors. You may ignore them, but they may or may not be notable from an accessibility or efficiency perspective.

    The first warning concerns readability issues. To address part of it, test your documents with images disabled to ensure that everything is still readable. To address the rest of it, don’t assume that the default background color is white nor assume that the default text color as black. If someone changed their browser’s default browsing colors to white text on a black background and you’ve changed the background color to yellow assuming that the text will be black, the user will end up with unreadable white text on a yellow background; to prevent such issues, you would need to explicitly name the text color to be black instead of making an assumption.

    The second warning is probably due to redundant code. For example, you may have used the same declaration twice in a single declaration block when doing so once would have sufficed. In the below example, the bottom border style will resolve to dotted. While the first declaration is valid, it is repetitive and unnecessary; in a word, it is inefficient.

    selector {
      border-bottom-style: solid;
      border-bottom-style: dotted;
    The third error is probably caused by the second.
    For every complex problem, there is an answer that is clear, simple, and wrong.


    Posting Permissions

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