[css-d] Jigsaw validator
I don't understand what the validator is telling me. My css: div#header { position: relative; width: 100%; height: 90px; background: white url(../images/cont-bl.gif) bottom left no-repeat; z-index: 0; margin-bottom: 15px; } What jigsaw says: 83 div#header Value Error : background Too many values or values are not recognized : white url(../images/cont-bl.gif) bottom left no-repeat white url(../images/cont-bl.gif) bottom left no-repeat Why does jigsaw give the values twice? -- Today is life-the only life you are sure of. Make the most of today. Get interested in something. Shake yourself awake. Develop a hobby. Let the winds of enthusiasm sweep through you. Live today with gusto. -- Dale Carnegie Rick Pasottor...@niof.nethttp://www.niof.net __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Jigsaw validator
It may want you to have everything in the exact order. For the background shorthand the technically correct order would be: background: #fff url('../images/cont-bl.gif') no-repeat bottom left. So it may have arrived at your position properties and assumed that was the end and didn't expect any other properties to follow. On Mon, Feb 15, 2010 at 12:14 PM, Rick Pasotto r...@niof.net wrote: I don't understand what the validator is telling me. My css: div#header { position: relative; width: 100%; height: 90px; background: white url(../images/cont-bl.gif) bottom left no-repeat; z-index: 0; margin-bottom: 15px; } What jigsaw says: 83 div#header Value Error : background Too many values or values are not recognized : white url(../images/cont-bl.gif) bottom left no-repeat white url(../images/cont-bl.gif) bottom left no-repeat Why does jigsaw give the values twice? -- Today is life-the only life you are sure of. Make the most of today. Get interested in something. Shake yourself awake. Develop a hobby. Let the winds of enthusiasm sweep through you. Live today with gusto. -- Dale Carnegie Rick Pasotto r...@niof.net http://www.niof.net __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Jigsaw validator
Nope. The order in this case is ignored. Even the color value is regognized as a valid CSS 2.1 color value. If all browsers apply the rule, then the validator is wrong. Token order in shorthand notation is not so fixed. Please report this problem to the validator maintainers. Maybe something in the construction of the parse tree should be reformulated. bye ;-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://dev.css-zibaldone.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Jigsaw validator
I'm not sure what's going on when you run the validator, but your CSS entered into Jigsaw's direct input form correctly reports that your CSS is valid CSS 2.1 and/or CSS 3. I don't understand what the validator is telling me. My css: div#header { position: relative; width: 100%; height: 90px; background: white url(../images/cont-bl.gif) bottom left no-repeat; z-index: 0; margin-bottom: 15px; } What jigsaw says: 83 div#header Value Error : background Too many values or values are not recognized : white url(../images/cont-bl.gif) bottom left no-repeat white url(../images/cont-bl.gif) bottom left no-repeat Why does jigsaw give the values twice? -- Today is life-the only life you are sure of. Make the most of today. Get interested in something. Shake yourself awake. Develop a hobby. Let the winds of enthusiasm sweep through you. Live today with gusto. -- Dale Carnegie Rick Pasottor...@niof.nethttp://www.niof.net __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] divs dropping
http://www.copywritecolombia.com/index3.html Thank-you David that has sorted out the dropping divs. In firefox and ie the white centre div wrapper which contains the footer now seems to go right to the bottom of the page. If I change the text size +2 then the design doesn't break which is great. However if I get rid of styles then it does break. What -if any-solution exists? Thanks __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] divs dropping
On Mon, 15 Feb 2010, e...@copywritecolombia.com wrote: http://www.copywritecolombia.com/index3.html Thank-you David that has sorted out the dropping divs. In firefox and ie the white centre div wrapper which contains the footer now seems to go right to the bottom of the page. If I change the text size +2 then the design doesn't break which is great. However if I get rid of styles then it does break. What -if any-solution exists? Thanks At my default font size, the right-hand-side text overflows the outline: http://cfajohnson.com/testing/cwc.jpg. -- Chris F.A. Johnson http://cfajohnson.com === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] divs dropping
e...@copywritecolombia.com wrote: http://www.copywritecolombia.com/index3.html Thank-you David that has sorted out the dropping divs. In firefox and ie the white centre div wrapper which contains the footer now seems to go right to the bottom of the page. If I change the text size +2 then the design doesn't break which is great. However if I get rid of styles then it does break. What -if any-solution exists? Thanks If the style sheet for any page on the Web is deleted or disabled then the the page is displayed as simple html markup. Or, is it that I just do not understand your question? Best, ~d -- desktop http://chelseacreekstudio.com/ mobile http://chelseacreekstudio.mobi/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] divs dropping
Chris F.A. Johnson wrote: On Mon, 15 Feb 2010, e...@copywritecolombia.com wrote: http://www.copywritecolombia.com/index3.html Thank-you David that has sorted out the dropping divs. In firefox and ie the white centre div wrapper which contains the footer now seems to go right to the bottom of the page. If I change the text size +2 then the design doesn't break which is great. However if I get rid of styles then it does break. What -if any-solution exists? Thanks At my default font size, the right-hand-side text overflows the outline: http://cfajohnson.com/testing/cwc.jpg. We know. He did not correct that nor was it included in his original question. Best, ~d -- desktop http://chelseacreekstudio.com/ mobile http://chelseacreekstudio.mobi/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Jigsaw validator
On Mon, Feb 15, 2010 at 07:40:00PM +0100, Gabriele Romanato wrote: Nope. The order in this case is ignored. That's what I've always thought. However, in this case putting the repeat factor before the positions cleared the problem, even though, as another poster pointed out, direct entry of that stanza was accepted. Really weird. -- Take a chance! All life is a chance. The man who goes farthest is generally the one who is willing to do and dare. -- Dale Carnegie Rick Pasottor...@niof.nethttp://www.niof.net __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Jigsaw validator
Rick Pasotto wrote: On Mon, Feb 15, 2010 at 07:40:00PM +0100, Gabriele Romanato wrote: Nope. The order in this case is ignored. That's what I've always thought. However, in this case putting the repeat factor before the positions cleared the problem, even though, as another poster pointed out, direct entry of that stanza was accepted. Really weird. The bane of CSS design: Glitchy implementation in a browser. ;-) -- David gn...@hawaii.rr.com authenticity, honesty, community __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] divs dropping
Ed wrote: If I change the text size +2 then the design doesn't break which is great. However if I get rid of styles then it does break. What -if any-solution exists? Thanks David wrote: If the style sheet for any page on the Web is deleted or disabled then the the page is displayed as simple html markup. Or, is it that I just do not understand your question? Best, ~d Ed replied: Yes if you turn off the css then and just have the simple html as long as you read it then that is correctly formatted? My question is if there any way I can make this html better? __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] divs dropping
e...@copywritecolombia.com wrote: Yes if you turn off the css then and just have the simple html as long as you read it then that is correctly formatted? My question is if there any way I can make this html better? We usually don't deal with HTML as such here on css-d. We focus on CSS styles / CSS styled HTML. OTOH: we don't mind having a look at your HTML if you want it arranged in a certain way in order to be able to style it in a certain way. First you have to explain what you mean by make this html better. As it is: without styles it gets presented in a linearized way - pretty much the same as looking at the source code but without the HTML tags. Nothing you can do about that. You can however change the order of elements and sections in the HTML source code, and try to re-style it so it gets presented in a way you find more acceptable both with and without styles. So, tell us exactly what you mean, and want, and we can at least _try_ to help - if at all possible. regards Georg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] divs dropping
e...@copywritecolombia.com wrote: David wrote: If the style sheet for any page on the Web is deleted or disabled then the the page is displayed as simple html markup. Or, is it that I just do not understand your question? Best, ~d Ed replied: Yes if you turn off the css then and just have the simple html as long as you read it then that is correctly formatted? My question is if there any way I can make this html better? Your question might be better asked on another list as CSS-D deals primarily with the practical application of CSS rather than HTML markup. However, some of your extremely long selector names such as this one -- #wrapperLogoNavigationinside -- wiil be more efficient if shortend. And while the software (browsers) understand the all uppercase rulesets in your CSS file, from a human standpoint all lowercase might be better and easier to understand. Best, ~d -- desktop http://chelseacreekstudio.com/ mobile http://chelseacreekstudio.mobi/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/