SitePoint Sponsor

User Tag List

Results 1 to 5 of 5

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    Jul 2013
    Location
    India
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How to Remove Warnings From My CSS?

    Hello Everyone,

    I'm getting two warnings in my css

    On Line 9
    You have no color set (or color is set to transparent) but you have set a background-color. Make sure that cascading of colors keeps the text reasonably legible

    On Line 52
    You have no background-color set (or background-color is set to transparent) but you have set a color. Make sure that cascading of colors keeps the text reasonably legible.


    this is my CSS Code

    Code CSS:
    #colorpicker {
    position : absolute;
    width : 145px;
    height : 135px;
    overflow : hidden;
    background : #F9F9F9;
    border : #C0C0C0 outset 2px;
    z-index : 1000;
    }
    #colorpicker-hue-container {
    position : absolute;
    top : 4px;
    left : 120px;
    width : 18px;
    height : 110px;
    }
    #colorpicker-hue-bg-img {
    width : 100%;
    height : 100%;
    }
    #colorpicker-hue-slider {
    position : absolute;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
    }
    #colorpicker-hue-thumb {
    position : absolute;
    top : 0;
    left : 0;
    width : 18px;
    height : 18px;
    z-index : 1009;
    cursor : default;
    }
    #colorpicker-bar {
    text-align : right;
    padding-right : 10px;
    }
    #colorpicker-close {
    cursor : pointer;
    color : blue;
    font-size : 10px;
    font-family : Tahoma, Helvetica, Sans-Serif;
    font-weight : bold;
    }
    #colorpicker-div {
    position : absolute;
    top : 8px;
    left : 8px;
    width : 100px;
    height : 100px;
    border : #666 solid 1px;
    }
    #colorpicker-bg, #colorpicker-bg-overlay {
    position : absolute;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
    z-index : 1001;
    overflow : hidden;
    }
    #colorpicker-selector {
    position : absolute;
    top : 0;
    left : 0;
    width : 11px;
    height : 11px;
    z-index : 1009;
    margin-top : -6px;
    margin-left : -6px;
    cursor : default;
    }
    #colorpicker-selector img {
    position : absolute;
    left : 0;
    top : 0;
    }
    #colorpicker-footer {
    position : absolute;
    top : 114px;
    left : 10px;
    width : 127px;
    }
    #colorpicker-value {
    float : left;
    }
    #colorpicker-value, #colorpicker-value-input {
    font-size : 9px !important ;
    font-family : Helvetica, Verdana, Sans-Serif;
    height : 10px;
    }
    #colorpicker-value-input {
    width : 40px;
    }
    #colorpicker-okbutton {
    float : right;
    padding : 0 10px;
    background : #3366FF;
    font-size : 10px;
    font-family : Tahoma, Helvetica, Sans-Serif;
    border : #666666 solid 1px;
    color : #ffffff;
    }

    Anyone can help me to resolve this Problem

    Thanks

    Regards Jagdeep S.

  2. #2
    SitePoint Wizard bronze trophy chris.upjohn's Avatar
    Join Date
    Apr 2010
    Location
    Melbourne, AU
    Posts
    2,191
    Mentioned
    17 Post(s)
    Tagged
    1 Thread(s)
    I validated your above CSS with no errors at http://jigsaw.w3.org/css-validator/validator.

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,165
    Mentioned
    453 Post(s)
    Tagged
    8 Thread(s)
    Warnings are quite different from errors. They are just pointing out potential issues—in a rather dumb machine way.

    Often, the situation is something like this: you have, for example, a body background color of black. Then your content area has a background color of white. And then, in your content area, your text is coloured black. The validation is seeing that your text is black, and that the body background is black, and saying—hey, there's a potential problem there. Well, duh. Anyhow, you can keep the validation happy by adding a background color of white to the text ... if you can be bothered. But it's not a real problem IMHO.

    We can't give an exact answer on what to do in your exact case, because your code is incomplete. Either post a link, or post a working example, as outlined here: http://www.sitepoint.com/forums/show...Posting-Basics

  4. #4
    SitePoint Member
    Join Date
    Jul 2013
    Location
    India
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Check out my website i have remove all error but after checking website css validation on w3c validated it still showing me an warning.you can check at http://jigsaw.w3.org/css-validator/v...rning=&lang=en

  5. #5
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,506
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    When uploaded individually to the jigsaw site, the two css files in the fontvila site do not show errors.

    The HTML shows 142 errors and 6 warnings.

    The browser tab is reads "Welcome - FontVile.Com". Notice the misspelling of Vila.


Tags for this Thread

Bookmarks

Posting Permissions

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