SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Enthusiast
    Join Date
    Sep 2012
    Location
    BD
    Posts
    49
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Help me for CSS validator Parse Error

    Hello, I am facing error for this code please help me that how can i solve this problem
    Code CSS:
    /*!
     * Bootstrap Responsive v2.1.1
     *
     * Copyright 2012 Twitter, Inc
     * Licensed under the Apache License v2.0
     * [url]http://www.apache.org/licenses/LICENSE-2.0[/url]
     *
     * Designed and built with all the love in the world @twitter by @mdo and @fat.
     */
     .clearfix{*zoom:1}
     .clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
     .clearfix:after{clear:both}
     .hide-text{color:transparent;text-shadow:none;background-color:transparent;border:0}
     .input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
     .hidden{display:none;visibility:hidden}
     .visible-phone{display:none!important}
     .visible-tablet{display:none!important}
     .hidden-desktop{display:none!important}
     .visible-desktop{display:inherit!important}@media(min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit!important}
     .visible-desktop{display:none!important}
     .visible-tablet{display:inherit!important}
     .hidden-tablet{display:none!important}}@media(max-width:767px){.hidden-desktop{display:inherit!important}
     .visible-desktop{display:none!important}
     .visible-phone{display:inherit!important}
     .hidden-phone{display:none!important}}@media(min-width:1200px){.row{margin-left:-30px;*zoom:1}
     .row:before,.row:after{display:table;line-height:0;content:""}
     .row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:30px}
     .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px}
     .span12{width:1170px}
     .span11{width:1070px}
     .span10{width:970px}
     .span9{width:870px}
     .span8{width:770px}
     .span7{width:670px}
     .span6{width:570pxspan4{width:370px}
     .span3{width:270px}
     .span2{width:170px}
     .span1{width:70px}
     .offset12{margin-left:1230px}
     .offset11{margin-left:1130px}
     .offset10{margin-left:1030px}
     .offset9{margin-left:930px}
     .offset8{margin-left:830px}
     .offset7{margin-left:730px}
     .offset6{margin-left:630px}
     .offset5{margin-left:530px}
     .offset4{margin-left:430px}
     .offset3{margin-left:330px}
     .offset2{margin-left:230px}
     .offset1{margin-left:130px}
     .row-fluid{width:100%;*zoom:1}
     .row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}
     .row-fluid:after{clear:both}
     .row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.564102564102564%;*margin-left:2.5109110747408616%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
     .row-fluid [class*="span"]:first-child{margin-left:0}
     .row-fluid .span12{width:100%;*width:99.94680851063829%}
     .row-fluid .span11{width:91.45299145299145%;*width:91.39979996362975%}
     .row-fluid .span10{width:82.90598290598291%;*width:82.8527914166212%}
     .row-fluid .span9{width:74.35897435897436%;*width:74.30578286961266%}
     .row-fluid .span8{width:65.81196581196582%;*width:65.75877432260411%}
     .row-fluid .span7{width:57.26495726495726%;*width:57.21176577559556%}
     .row-fluid .span6{width:48.717948717948715%;*width:48.664757228587014%}
     .row-fluid .span5{width:40.17094017094017%;*width:40.11774868157847%}
     .row-fluid .span4{width:31.623931623931625%;*width:31.570740134569924%}
     .row-fluid .span3{width:23.076923076923077%;*width:23.023731587561375%}
     .row-fluid .span2{width:14.52991452991453%;*width:14.476723040552828%}
     .row-fluid .span1{width:5.982905982905983%;*width:5.929714493544281%}
     .row-fluid .offset12{margin-left:105.12820512820512%;*margin-left:105.02182214948171%}
     .row-fluid .offset12:first-child{margin-left:102.56410256410257%;*margin-left:102.45771958537915%}
     .row-fluid .offset11{margin-left:96.58119658119658%;*margin-left:96.47481360247316%}
     .row-fluid .offset11:first-child{margin-left:94.01709401709402%;*margin-left:93.91071103837061%}
     .row-fluid .offset10{margin-left:88.03418803418803%;*margin-left:87.92780505546462%}
     .row-fluid .offset10:first-child{margin-left:85.47008547008548%;*margin-left:85.36370249136206%}
     .row-fluid .offset9{margin-left:79.48717948717949%;*margin-left:79.38079650845607%}
     .row-fluid .offset9:first-child{margin-left:76.92307692307693%;*margin-left:76.81669394435352%}
     .row-fluid .offset8{margin-left:70.94017094017094%;*margin-left:70.83378796144753%}
     .row-fluid .offset8:first-child{margin-left:68.37606837606839%;*margin-left:68.26968539734497%}
     .row-fluid .offset7{margin-left:62.393162393162385%;*margin-left:62.28677941443899%}
     .row-fluid .offset7:first-child{margin-left:59.82905982905982%;*margin-left:59.72267685033642%}
     .row-fluid .offset6{margin-left:53.84615384615384%;*margin-left:53.739770867430444%}
     .row-fluid .offset6:first-child{margin-left:51.28205128205128%;*margin-left:51.175668303327875%}
     .row-fluid .offset5{margin-left:45.299145299145295%;*margin-left:45.1927623204219%}
     .row-fluid .offset5:first-child{margin-left:42.73504273504273%;*margin-left:42.62865975631933%}
     .row-fluid .offset4{margin-left:36.75213675213675%;*margin-left:36.645753773413354%}
     .row-fluid .offset4:first-child{margin-left:34.18803418803419%;*margin-left:34.081651209310785%}
     .row-fluid .offset3{margin-left:28.205128205128204%;*margin-left:28.0987452264048%}
     .row-fluid .offset3:first-child{margin-left:25.641025641025642%;*margin-left:25.53464266230224%}
     .row-fluid .offset2{margin-left:19.65811965811966%;*margin-left:19.551736679396257%}
     .row-fluid .offset2:first-child{margin-left:17.094017094017094%;*margin-left:16.98763411529369%}
     .row-fluid .offset1{margin-left:11.11111111111111%;*margin-left:11.004728132387708%}
     .row-fluid .offset1:first-child{margin-left:8.547008547008547%;*margin-left:8.440625568285142%}
     input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:30px}
     input.span12,textarea.span12,.uneditable-input.span12{width:1156px}
     input.span11,textarea.span11,.uneditable-input.span11{width:1056px}
     input.span10,textarea.span10,.uneditable-input.span10{width:956px}
     input.span9,textarea.span9,.uneditable-input.span9{width:856px}
     input.span8,textarea.span8,.uneditable-input.span8{width:756px}
     input.span7,textarea.span7,.uneditable-input.span7{width:656px}
     input.span6,textarea.span6,.uneditable-input.span6{width:556px}
     input.span5,textarea.span5,.uneditable-input.span5{width:456px}
     input.span4,textarea.span4,.uneditable-input.span4{width:356px}
     input.span3,textarea.span3,.uneditable-input.span3{width:256px}
     input.span2,textarea.span2,.uneditable-input.span2{width:156px}
     input.span1,textarea.span1,.uneditable-input.span1{width:56px}
     .thumbnails{margin-left:-30px}.thumbnails>li{margin-left:30px}
     .row-fluid .thumbnails{margin-left:0}}@media(min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1}
     .row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:20px}
     .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px}
     .span12{width:724px}
     .span11{width:662px}
     .span10{width:600px}
     .span9{width:538px}
     .span8{width:476px}
     .span7{width:414px}
     .span6{width:352px}
     .span5{width:290px}
     .span4{width:228px}
     .span3{width:166px}
     .span2{width:104px}
     .span1{width:42px}
     .offset12{margin-left:764px}
     .offset11{margin-left:702px}
     .offset10{margin-left:640px}
     .offset9{margin-left:578px}
     .offset8{margin-left:516px}
     .offset7{margin-left:454px}
     .offset6{margin-left:392px}
     .offset5{margin-left:330px}
     .offset4{margin-left:268px}
     .offset3{margin-left:206px}
     .offset2{margin-left:144px}
     .offset1{margin-left:82px}
     .row-fluid{width:100%;*zoom:1}
     .row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}
     .row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.7624309392265194%;*margin-left:2.709239449864817%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
     .row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .span12{width:100%;*width:99.94680851063829%}
     .row-fluid .span11{width:91.43646408839778%;*width:91.38327259903608%}
     .row-fluid .span10{width:82.87292817679558%;*width:82.81973668743387%}
     .row-fluid .span9{width:74.30939226519337%;*width:74.25620077583166%}
     .row-fluid .span8{width:65.74585635359117%;*width:65.69266486422946%}
     .row-fluid .span7{width:57.18232044198895%;*width:57.12912895262725%}
     .row-fluid .span6{width:48.61878453038674%;*width:48.56559304102504%}
     .row-fluid .span5{width:40.05524861878453%;*width:40.00205712942283%}
     .row-fluid .span4{width:31.491712707182323%;*width:31.43852121782062%}
     .row-fluid .span3{width:22.92817679558011%;*width:22.87498530621841%}
     .row-fluid .span2{width:14.3646408839779%;*width:14.311449394616199%}
     .row-fluid .span1{width:5.801104972375691%;*width:5.747913483013988%}
     .row-fluid .offset12{margin-left:105.52486187845304%;*margin-left:105.41847889972962%}
     .row-fluid .offset12:first-child{margin-left:102.76243093922652%;*margin-left:102.6560479605031%}
     .row-fluid .offset11{margin-left:96.96132596685082%;*margin-left:96.8549429881274%}
     .row-fluid .offset11:first-child{margin-left:94.1988950276243%;*margin-left:94.09251204890089%}
     .row-fluid .offset10{margin-left:88.39779005524862%;*margin-left:88.2914070765252%}
     .row-fluid .offset10:first-child{margin-left:85.6353591160221%;*margin-left:85.52897613729868%}
     .row-fluid .offset9{margin-left:79.8342541436464%;*margin-left:79.72787116492299%}
     .row-fluid .offset9:first-child{margin-left:77.07182320441989%;*margin-left:76.96544022569647%}
     .row-fluid .offset8{margin-left:71.2707182320442%;*margin-left:71.16433525332079%}
     .row-fluid .offset8:first-child{margin-left:68.50828729281768%;*margin-left:68.40190431409427%}
     .row-fluid .offset7{margin-left:62.70718232044199%;*margin-left:62.600799341718584%}
     .row-fluid .offset7:first-child{margin-left:59.94475138121547%;*margin-left:59.838368402492065%}
     .row-fluid .offset6{margin-left:54.14364640883978%;*margin-left:54.037263430116376%}
     .row-fluid .offset6:first-child{margin-left:51.38121546961326%;*margin-left:51.27483249088986%}
     .row-fluid .offset5{margin-left:45.58011049723757%;*margin-left:45.47372751851417%}
     .row-fluid .offset5:first-child{margin-left:42.81767955801105%;*margin-left:42.71129657928765%}
     .row-fluid .offset4{margin-left:37.01657458563536%;*margin-left:36.91019160691196%}
     .row-fluid .offset4:first-child{margin-left:34.25414364640884%;*margin-left:34.14776066768544%}
     .row-fluid .offset3{margin-left:28.45303867403315%;*margin-left:28.346655695309746%}
     .row-fluid .offset3:first-child{margin-left:25.69060773480663%;*margin-left:25.584224756083227%}
     .row-fluid .offset2{margin-left:19.88950276243094%;*margin-left:19.783119783707537%}
     .row-fluid .offset2:first-child{margin-left:17.12707182320442%;*margin-left:17.02068884448102%}
     .row-fluid .offset1{margin-left:11.32596685082873%;*margin-left:11.219583872105325%}
     .row-fluid .offset1:first-child{margin-left:8.56353591160221%;*margin-left:8.457152932878806%}
     input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:20px}
     input.span12,textarea.span12,.uneditable-input.span12{width:710px}
     input.span11,textarea.span11,.uneditable-input.span11{width:648px}
     input.span10,textarea.span10,.uneditable-input.span10{width:586px}
     input.span9,textarea.span9,.uneditable-input.span9{width:524px}
     input.span8,textarea.span8,.uneditable-input.span8{width:462px}
     input.span7,textarea.span7,.uneditable-input.span7{width:400px}
     input.span6,textarea.span6,.uneditable-input.span6{width:338px}
     input.span5,textarea.span5,.uneditable-input.span5{width:276px}
     input.span4,textarea.span4,.uneditable-input.span4{width:214px}
     input.span3,textarea.span3,.uneditable-input.span3{width:152px}
     input.span2,textarea.span2,.uneditable-input.span2{width:90px}
     input.span1,textarea.span1,.uneditable-input.span1{width:28px}}@media(max-width:767px)
     {body{padding-right:20px;padding-left:20px}.navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-right:-20px;margin-left:-20px}.container-fluid{padding:0}.dl-horizontal dt{float:none;width:auto;clear:none;text-align:left}.dl-horizontal dd{margin-left:0}.container{width:auto}.row-fluid{width:100%}.row,.thumbnails{margin-left:0}.thumbnails>li{float:none;margin-left:0}[class*="span"],.row-fluid [class*="span"]{display:block;float:none;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
     .input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto}
     .controls-row [class*="span"]+[class*="span"]{margin-left:0}.modal{position:fixed;top:20px;right:20px;left:20px;width:auto;margin:0}
     .modal.fade.in{top:auto}}@media(max-width:480px){.nav-collapse{-webkit-transform:translate3d(0,0,0)}
     .page-header h1 small{display:block;line-height:20px}input[type="checkbox"],input[type="radio"]{border:1px solid #ccc}
     .form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left}.form-horizontal .controls{margin-left:0}
     .form-horizontal .control-list{padding-top:0}
     .form-horizontal .form-actions{padding-right:10px;padding-left:10px}
     .modal{top:10px;right:10px;left:10px}
     .modal-header .close{padding:10px;margin:-10px}
     .carousel-caption{position:static}}@media(max-width:979px){body{padding-top:0}
     .navbar-fixed-top,.navbar-fixed-bottom{position:static}
     .navbar-fixed-top{margin-bottom:20px}
     .navbar-fixed-bottom{margin-top:20px}
     .navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding:5px}.navbar .container{width:auto;padding:0}
     .navbar .brand{padding-right:10px;padding-left:10px;margin:0 0 0 -5px}.nav-collapse{clear:both}
     .nav-collapse .nav{float:none;margin:0 0 10px}.nav-collapse .nav>li{float:none}.nav-collapse .nav>li>a{margin-bottom:2px}
     .nav-collapse .nav>.divider-vertical{display:none}.nav-collapse .nav .nav-header{color:#777;text-shadow:none}.nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{padding:9px 15px;font-weight:bold;color:#777;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
     .nav-collapse .btn{padding:4px 10px 4px;font-weight:normal;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
     .nav-collapse .dropdown-menu li+li a{margin-bottom:2px}.nav-collapse .nav>li>a:hover,.nav-collapse .dropdown-menu a:hover{background-color:#f2f2f2}
     .navbar-inverse .nav-collapse .nav>li>a:hover,.navbar-inverse .nav-collapse .dropdown-menu a:hover{background-color:#111}
    .nav-collapse.in .btn-group{padding:0;margin-top:5px}.nav-collapse .dropdown-menu{position:static;top:auto;left:auto;display:block;float:none;max-width:none;padding:0;margin:0 15px;background-color:transparent;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
    .nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after{display:none}
    .nav-collapse .dropdown-menu .divider{display:none}.nav-collapse .nav>li>.dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after{display:none}
    .nav-collapse .navbar-form,.nav-collapse .navbar-search{float:none;padding:10px 15px;margin:10px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)}
    .navbar-inverse .nav-collapse .navbar-form,.navbar-inverse .nav-collapse .navbar-search{border-top-color:#111;border-bottom-color:#111}
    .navbar .nav-collapse .nav.pull-right{float:none;margin-left:0}.nav-collapse,.nav-collapse.collapse{height:0;overflow:hidden}
    .navbar .btn-navbar{display:block}.navbar-static .navbar-inner{padding-right:10px;padding-left:10px}}@media(min-width:980px){.nav-collapse.collapse{height:auto!important;overflow:visible!important}}
    Last edited by SpacePhoenix; Jan 20, 2013 at 08:03. Reason: placed css highlighting tags around css code

  2. #2
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    6,061
    Mentioned
    219 Post(s)
    Tagged
    12 Thread(s)
    Hi there anturj,

    You will have to tell us which error you are facing before any one can help.

    Also, it would be helpful if you could post a small snippet of HTML / CSS with which we can recreate your problem (please don't just post the entire bootstrap CSS file)

  3. #3
    SitePoint Enthusiast
    Join Date
    Oct 2012
    Posts
    33
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi,

    I have similar problem when running CSS validator... it seems there's an error on line 36 (don't know what it means), but I didn't modify boilerplate file at all. There are another 21 errors.

    CSS line in boilerplate.css:
    video { display: inline-block; *display: inline; *zoom: 1;}

    CSS validator message:
    36 audio, canvas, video Parse Error *display: inline;

  4. #4
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    6,061
    Mentioned
    219 Post(s)
    Tagged
    12 Thread(s)
    Can you provide a link to the page?

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,546
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by ninostar View Post
    Hi,

    I have similar problem when running CSS validator... it seems there's an error on line 36 (don't know what it means), but I didn't modify boilerplate file at all. There are another 21 errors.

    CSS line in boilerplate.css:
    video { display: inline-block; *display: inline; *zoom: 1;}

    CSS validator message:
    36 audio, canvas, video Parse Error *display: inline;
    The asterisk before display:inline is invalid and will not pass validation. However it is being used as an ie6 and 7 hack so that they get the display value of inline because the broken parser in ie6 and 7 ignores the asterisk and reads the rule as display:inline.

    The rule is actually an inline-block hack for ie6 and 7 because they don't understand inline-block when placed on block elements. They only understand it when the element is inline by default (like a span). Therefore the hack is to turn the element into an inline element for ie6 and 7 but you can't then apply inline-block because the element would no longer be inline. The secret is that any inline element in IE7 and under will behave as inline-block when in haslayout mode (hence the zoom:1 which is also invalid css).

    It's all invalid css but will do no harm.

    If you want to use valid CSS then the following is valid but specificity is slightly changed.

    Code:
    video { display: inline-block;}
    * html video {display: inline}
    *+html video{display:inline}
    The haslayout is triggered by the inline-block in the first rule and then never lost when reset in the second rule (rules must be separate to work).

    I'll bet you're glad you asked

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,546
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by anturj View Post
    Hello, I am facing error for this code please help me that how can i solve this problem [HIGHLIGHT=CSS]
    Most of the errors are the ie6 and 7 hacks for width or magins in rules such as these:
    Code:
    *margin-left:105.02182214948171%
    The asterisk before the property name is a hack to give rules only to ie6 an 7 who parse the rules as though the asterisk was not there. IE6 and 7 handle percentages badly and round then up too much causing layouts to break so the author has given them slightly lower values to stop this happening. It is a flawed approach as there are better ways to handle this without resorting to millions of decimal places. The problem with these grid layouts is that they try to solve all problems with good intentions but just end up being too complicated for their own good.

    I would be wary of using any code that has more than 3 or 4 decimal places as browsers just aren't that good.

    You just have to accept that if you are using solutions like this that the code will not be valid but the authors have ensured that it will do no harm either ; which is mainly what validation is for - it's a means to an end not a badge to wear.

  7. #7
    SitePoint Enthusiast
    Join Date
    Sep 2012
    Location
    BD
    Posts
    49
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you Paul O'B


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
  •