Web Analytics Made Easy -
StatCounter css little help - CodingForum

Announcement

Collapse
No announcement yet.

css little help

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • css little help

    hi ive almost finnished my css template but have a few i think small errors can anyone help thanks here are the errors and code

    URI : http://www.home-of-poker.com/style.css
    Line: 208 Context : .pod-play
    Parse Error - 0: padding: 0.1em ;

    Line: 217
    Parse Error - : 0; white-space:nowrap; text-decoration: none; vertical-align:middle; background: #fb6; color: #000; } .pod-play em

    Line: 323 Context : body > #navBeta
    Parse Error - [empty string]

    Warnings
    URI : http://www.home-of-poker.com/annieduke.htm
    Line : 49 (Level : 1) You have no color with your background-color : #auto25975202597520
    URI : http://www.home-of-poker.com/style.css
    Line : 19 (Level : 1) Same colors for background-color and border-left-color : .fw-container
    Line : 19 (Level : 1) Same colors for background-color and border-top-color : .fw-container
    Line : 19 (Level : 1) Same colors for background-color and border-right-color : .fw-container
    Line : 160 (Level : 1) You have no color with your background-color : .rss-box
    Line : 168 (Level : 1) You have no background-color with your color : .rss-items
    Line : 248 (Level : 1) Same colors for color and background-color in two contexts .rss-item a:visited and h1
    Line : 248 (Level : 1) You have no background-color with your color : h1
    Line : 248 (Level : 1) Same colors for color and background-color in two contexts .rss-date and h1
    Line : 248 (Level : 1) Same colors for color and background-color in two contexts .rss-title and h1
    Line : 248 (Level : 1) Same colors for color and background-color in two contexts .pod-play:hover em and h1
    Line : 278 (Level : 1) You have no color with your background-color : .content
    Line : 289 (Level : 1) You have no color with your background-color : #navAlpha
    Line : 299 (Level : 2) Redefinition of voice-family : #navAlpha
    Line : 300 (Level : 2) Redefinition of width : #navAlpha
    Line : 314 (Level : 1) You have no color with your background-color : #navBeta
    Line : 319 (Level : 2) Redefinition of voice-family : #navBeta
    Line : 320 (Level : 2) Redefinition of width : #navBeta



    my css style sheet
    /* CSS Document */

    body {
    background:#fff;
    font:.8em sans-serif;
    color:#000000;
    }

    /*
    * Container surrounding all content on the page
    */
    .fw-container {
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
    width:95%;
    background: #fff;color:#000;
    border:5px solid #fff
    }
    a {
    color: #ff00ff;
    background-color:inherit;

    }

    a:hover {
    color: #000099;
    background-color:inherit;

    }

    /*
    * Container surrounding Site Title, Small Title, and Logo
    */
    .fw-head {
    border-bottom:1px solid #556B2F;
    }

    /*
    * Site Title
    */
    .fw-head h1 {
    font:normal 1.5em georgia,serif;
    margin-bottom: 1px;
    font-weight:bold;
    text-align: center;
    }

    /*
    * Site Small Title
    */
    .fw-head h3 {
    margin: 0;
    font-weight: bold;
    color: #000;
    background-color:inherit;
    text-align: center;

    }
    .fw-logo img {
    width:100%;
    height:380px;
    display: block;
    }

    .fw-nav-menu hr {
    display:none;
    }
    .fw-footer hr {
    display:none;
    }

    /*
    * NavBar
    * UL containing all the NavBar links
    */
    .fw-nav-menu ul {
    margin:10px 0;
    padding:5px;
    border:1px solid #DDD;
    background: #fff;color:#000;
    list-style:none;
    text-align:center;
    }


    /*
    * Individual NavBar LI's
    */
    .fw-nav-menu li {
    display:inline;
    margin:0 5px;
    }

    /*
    * Individual NavBar links
    */
    .fw-nav-menu a {
    text-decoration:none;
    }

    /*
    * This is the container that holds the main content (paragraphs) of the page.
    */
    .fw-content {

    }

    /*
    * Paragraph title
    */
    .fw-paragraph h2 {
    font: normal 1.8em georgia,serif;
    margin-bottom: 2px;
    text-align: center;
    font-weight:bold;
    color: #000;
    background-color:inherit;
    }

    /*
    * Paragraph body
    */
    .fw-paragraph-body {
    padding-bottom: 2px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
    }

    p {
    margin-top: 5px;
    margin-bottom: 15px;
    }

    /*
    * Site Footer
    */
    .fw-footer {
    clear: both;
    font-size: .7em;
    text-align: center;
    font-weight:bold;
    }

    /*
    * All elements on form pages are surrounded by
    * a SPAN with class="formSpan"
    */
    .formSpan {
    display:block;
    margin-bottom:8px;
    }
    /* begin styles for RSS Feed */

    .rss-box {
    margin: 1em;
    width: 150px;
    background-color: inherit;
    border: 1px solid silver;

    }
    .rss-items {
    margin-top:0px;
    padding: 0.5em;
    margin-left:0px;
    color: #cccccc;
    }
    p.rss-title {padding: 0.5em;}
    .rss-title {
    font-size: 8pt;
    background-color: #000;
    color: lime;
    font-weight:bold;
    text-align: center;
    }

    .rss-item {
    font-size: 7pt;
    list-style:none;
    padding-bottom:1em;
    }

    .rss-item a {
    color: #006400;
    font-size: 9pt;
    font-weight:bold;
    background-color: inherit;
    }

    .rss-item a:visited {
    color: #FFFFFF;
    background: #000;
    }

    .rss-date {
    font-size: 7pt;
    color: #FFFFFF;
    background: #000;
    }

    /* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */

    .pod-play {
    width:12em;
    margin: 0:
    padding: 0.1em ;
    padding: 0;

    white-space:nowrap;
    text-decoration: none;
    vertical-align:middle;
    background: #fb6;
    color: #000;
    }
    .pod-play em {
    width: 1em; cursor: auto;
    font-style: normal;
    margin:0; padding: 0.1em 0.5em;
    background: #ffffff;
    color: #222;
    }
    .pod-play span {
    width: 1em; cursor: auto;
    margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
    }
    .pod-play:hover {
    background: #666;
    color: #fff;
    }
    .pod-play:hover em {
    background: #000;
    color: #fff;
    }
    body {
    color:#333;
    background :#ffffff;
    margin:20px;
    padding:0px;
    font:11px verdana, arial, helvetica, sans-serif;
    }
    h1 {
    margin:0px 0px 15px 0px;
    padding:0px;
    font-size:28px;
    font-weight:900;
    color:#000;
    }
    h2 {
    font:bold 12px/14px verdana, arial, helvetica, sans-serif;
    margin:0px 0px 5px 0px;
    padding:0px;
    }
    p {
    font:11px/20px verdana, arial, helvetica, sans-serif;
    margin:0px;
    padding:0px;
    }
    .Content>p {margin:0px;}
    .Content>p+p {text-indent:30px;}

    a {
    color:#09c;
    font-size:11px;
    font-family:verdana, arial, helvetica, sans-serif;
    font-weight:600;
    text-decoration:none;
    }

    /* All the content boxes belong to the content class. */
    .content {
    position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    width:auto;
    min-width:120px;
    margin:0px 210px 20px 170px;
    border:5px solid black;
    background :#ffffff;
    padding:10px;
    z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
    }

    #navAlpha {
    position:absolute;
    width:150px;
    top:542px;
    left:38px;
    border:1px solid black;
    background-color:#fff;
    padding:10px;
    z-index:2;

    /* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.
    Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.
    IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style
    declaration. The incorrect IE5/Win value is above, while the correct value is
    below. See http://glish.com/css/hacks.asp for details. */
    voice-family: "\"}\"";
    voice-family:inherit;
    width:128px;
    }
    /* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct
    length values to user agents that exhibit the parsing error exploited above yet get
    the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
    a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
    body>#navAlpha {width:128px;}

    #navBeta {
    position:absolute;
    width:190px;
    top:542px;
    right:38px;
    border:1px solid black;
    background-color:#fff;
    padding:10px;
    z-index:1;
    /* Again, the ugly brilliant hack. */
    voice-family: "\"}\"";
    voice-family:inherit;
    width:168px;
    }
    /* Again, "be nice to Opera 5". */
    body>#navBeta {width:168px;




    again thanks for taking the time to help much appreciated
    Last edited by quibs; Oct 9, 2006, 01:34 PM.

  • #2
    Code:
    .pod-play {
       width:12em;
       margin: 0: 
       padding: 0.1em ; 
       padding: 0;
    needs to be a ; which also appears to be causing the error right after it.

    Code:
    body>#navBeta {width:168px;}
    needs a closing }

    the color warnings appear mostly jhaving the same color for both the font and the background.

    the warnings on the opera hack might not validate at all. they work and dont cause errors so...
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

    Comment


    • #3
      thankyou have done that the css now valadates ill get to work on the colours and fonts again thanks for the heads up.

      Comment

      Working...
      X