[css-d] CSS parser for Microsoft .NET
This is to tell you that I have written a CSS parser component (a programming library) for Microsoft .NET. It implements parsing of a stylesheet, and also implements the specificity and inheritance calculations to determine what CSS rules and property values are applicable to each element in a DOM. For further details, see http://www.modeltext.com/css/ You'll find it useful if you develop .NET software and have an application in which you want to parse CSS. It's notable in being one of only two CSS parsers for .NET that I know of, the other one being http://www.codeproject.com/KB/recipes/CSSParser.aspx Regards, Christopher Wells __ 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] footer not sticking to bottom of window, but footer contents are
Alex Mitchell wrote:
On Wed, Aug 11, 2010 at 5:07 PM, Debbie Campbell
d...@redkitecreative.comwrote:
Interesting - it kind of works but now it's up over the top of the content
near the bottom of the page. I tried a clearing element, that didn't help.
But it's better...
--
Debbie
You're right, I didn't notice that. To fix this, add a margin-bottom:37px;
to the div#center and it should fix all the problems.
Hope this helps,
Alex Mitchell
http://gumware.com/
This is simply fixed by giving div#center a bigger padding-bottom.
Currently there is this.
#center {
float: left;
width:667px;
padding: 0 20px 10px 0;
}
Change it to this to account for the height of the footer which is 37px.
#center {
float: left;
width:667px;
padding: 0 20px 37px 0;
}
You may wish to address what 'body.home #center' is selecting. And
change the height of the padding-bottom. Better still just have this.
body.home #center {
width:380px;
}
BTW Alex, adding float:right and margin-bottom: 37px is like throwing
fairy floss at the problem and hoping that it sticks. Less is better.
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
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-d] Absolute Positioning for all page containers okay?
Greetings, I'm setting up numerous web pages with a jquery photo gallery that needs AP for its main images. Is it okay to set up every container on the page with AP or are there potential problems with doing so? The pages look okay on various browsers and no errors on W3C validator, but I can't help but think I'm doing something horribly wrong. Here is a page: http://www.amckwebandprint.com/macdonald/portfolio/portfolio-knit- process.html http://www.amckwebandprint.com/macdonald/portfolio/portfolio.css Your advice is much appreciated, A. McKinsey __ 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] Absolute Positioning for all page containers okay?
Anne McKinsey wrote: Greetings, I'm setting up numerous web pages with a jquery photo gallery that needs AP for its main images. Is it okay to set up every container on the page with AP or are there potential problems with doing so? The pages look okay on various browsers and no errors on W3C validator, but I can't help but think I'm doing something horribly wrong. Here is a page: http://www.amckwebandprint.com/macdonald/portfolio/portfolio-knit- process.html http://www.amckwebandprint.com/macdonald/portfolio/portfolio.css Your advice is much appreciated, A. McKinsey The trade off is between precision design and the wide variety of preferences users have in how they configure their browsers. What looks great to you based on the screen size, screen resolution, and browser settings you used during design and coding may look unsightly to people who have different monitors and browser preferences. I use absolute positioning myself. No one so far has complained, but I suspect that the easier response from people who find your site (or mine) unsightly is to simply leave. I am actively considering removing absolute positioning in the next site redesign. Bill B __ 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] Absolute Positioning for all page containers okay?
On Thu, Aug 12, 2010 at 10:58 AM, Bill Braun bbr...@hlthsys.com wrote: Anne McKinsey wrote: Greetings, I'm setting up numerous web pages with a jquery photo gallery that needs AP for its main images. Is it okay to set up every container on the page with AP or are there potential problems with doing so? The pages look okay on various browsers and no errors on W3C validator, but I can't help but think I'm doing something horribly wrong. Here is a page: http://www.amckwebandprint.com/macdonald/portfolio/portfolio-knit- process.html http://www.amckwebandprint.com/macdonald/portfolio/portfolio.css Your advice is much appreciated, A. McKinsey The trade off is between precision design and the wide variety of preferences users have in how they configure their browsers. What looks great to you based on the screen size, screen resolution, and browser settings you used during design and coding may look unsightly to people who have different monitors and browser preferences. I use absolute positioning myself. No one so far has complained, but I suspect that the easier response from people who find your site (or mine) unsightly is to simply leave. I am actively considering removing absolute positioning in the next site redesign. Bill B I'd have to say that I've never used AP for an entire site. I have sprinkled AP within a non-AP site w/o ill effects. Such as AP-ing a logo in a header. Obviously being aware of the fact it is removed from the flow and making sure nothing would crash into it upon text scaling, etc. I can imagine an entire build using AP would have its share of tricky quirks... -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ 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] Absolute Positioning for all page containers okay?
On Thu, Aug 12, 2010 at 11:47 AM, Tom Livingston tom...@gmail.com wrote: On Thu, Aug 12, 2010 at 10:58 AM, Bill Braun bbr...@hlthsys.com wrote: Anne McKinsey wrote: Greetings, I'm setting up numerous web pages with a jquery photo gallery that needs AP for its main images. Is it okay to set up every container on the page with AP or are there potential problems with doing so? The pages look okay on various browsers and no errors on W3C validator, but I can't help but think I'm doing something horribly wrong. Here is a page: http://www.amckwebandprint.com/macdonald/portfolio/portfolio-knit- process.html http://www.amckwebandprint.com/macdonald/portfolio/portfolio.css Your advice is much appreciated, A. McKinsey The trade off is between precision design and the wide variety of preferences users have in how they configure their browsers. What looks great to you based on the screen size, screen resolution, and browser settings you used during design and coding may look unsightly to people who have different monitors and browser preferences. I use absolute positioning myself. No one so far has complained, but I suspect that the easier response from people who find your site (or mine) unsightly is to simply leave. I am actively considering removing absolute positioning in the next site redesign. Bill B I'd have to say that I've never used AP for an entire site. I have sprinkled AP within a non-AP site w/o ill effects. Such as AP-ing a logo in a header. Obviously being aware of the fact it is removed from the flow and making sure nothing would crash into it upon text scaling, etc. I can imagine an entire build using AP would have its share of tricky quirks... Quick look at the site in question resulted in a lot of things crashing into each other upon 2 clicks up in text size. Mac Safari. -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ 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-d] 3D Color prism - 216 colors (Windows safe colors)
Hello List, Initially being an exploration into mathematics and sacred geometry, what I have discovered (like many others) is that hexadecimal colors can be represented as a 3D prism. I now present it to this list since it's also a very good color selector. http://css-class.com/test/css/colors/3d-color-prism-216-colors.htm It only uses #RGB since #RRGGBB would take to long to complete and is is in increments of 3 since a full 255 color channel step diagram would also take to long to complete. With #RGB it's possible to have 16 color values with 15 steps. This can be reduced to 5 steps with increments of 3 or how this appears as 5 steps with increments of 3. Below shows the 5 steps being 3, 6, 9, c and f. /* (0) 1 2 (3) 4 5 (6) 7 8 (9) a b (c) d e (f) */ To understand why color is best illustrated as a 3D prism, please view this diagram. http://commons.wikimedia.org/wiki/File:RGB_color_solid_cube.png Using a DOM inspector, one can easy attain the hexadecimal color value from the class names of each div and allows easy selection of a slightly different color. This is not as simple with a normal color diagram or chart. http://en.wikipedia.org/wiki/Web_colours#Web-safe_colors Example, hovering the 1st spot up from white / black, you will see these nesting of divs. #300, #633, #966, #c99 and #fcc. The 3D color prism shows the relationships between neighboring colors by a slight change to either the red, green or blue color channels. If one travel through the 3D prism (or if you prefer, a hexagram) you can travel the 15 steps from black to white. Beginning at the Black, go north 5 steps to red (increase in the red channel), then travel 5 steps to the yellow (increase in the green channel), and 5 steps to the white (increase in the blue channel). You will notice that you are back at the same spot. You will also notice that each spot has more than one color occupying it apart from the outer band. The outer band has 30 spots with 30 colors, then 24 spots with 48 colors, then 18 spots with 54 colors, then 12 spots with 48 colors, then 6 spots with 30 colors and finally 1 spot with 6 colors. 30 + 48 + 54 + 48 + 30 + 6 = 216. -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ 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] footer not sticking to bottom of window, but footer contents are
Thanks! Worked perfectly.
'Fairy floss' - I like that.
--
Debbie
On 8/12/2010 5:36 AM, Alan Gresley wrote:
Alex Mitchell wrote:
On Wed, Aug 11, 2010 at 5:07 PM, Debbie Campbell
d...@redkitecreative.comwrote:
Interesting - it kind of works but now it's up over the top of the
content
near the bottom of the page. I tried a clearing element, that didn't
help.
But it's better...
--
Debbie
You're right, I didn't notice that. To fix this, add a
margin-bottom:37px;
to the div#center and it should fix all the problems.
Hope this helps,
Alex Mitchell
http://gumware.com/
This is simply fixed by giving div#center a bigger padding-bottom.
Currently there is this.
#center {
float: left;
width:667px;
padding: 0 20px 10px 0;
}
Change it to this to account for the height of the footer which is 37px.
#center {
float: left;
width:667px;
padding: 0 20px 37px 0;
}
You may wish to address what 'body.home #center' is selecting. And
change the height of the padding-bottom. Better still just have this.
body.home #center {
width:380px;
}
BTW Alex, adding float:right and margin-bottom: 37px is like throwing
fairy floss at the problem and hoping that it sticks. Less is 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] 3D Color prism - 216 colors (Windows safe colors)
Fascinated that there is Lime but not Green, Alan; is this intentional ? Philip Taylor Alan Gresley wrote: Hello List, Initially being an exploration into mathematics and sacred geometry, what I have discovered (like many others) is that hexadecimal colors can be represented as a 3D prism. I now present it to this list since it's also a very good color selector. http://css-class.com/test/css/colors/3d-color-prism-216-colors.htm __ 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] 3D Color prism - 216 colors (Windows safe colors)
Alan Gresley wrote: Initially being an exploration into mathematics and sacred geometry, what I have discovered (like many others) is that hexadecimal colors can be represented as a 3D prism. I now present it to this list since it's also a very good color selector. Dear Theo, It boggles the mind. Best, Vincent -- http://chelseacreekstudio.com/ __ 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-d] Mobile Stylesheets vs. Mobile Optimized Sites
Our organization is wanting to start down the road of making some of our applications and content more mobile device friendly. I've spent the morning Googling the subject of mobile or handheld stylesheets and mobile optimized content by serving up a separate site for handheld devices. Most of the articles I'm finding, though, are 2-3 years old. My question is this: As of 2010, should I be more focused on serving up handheld stylesheets or approaching the mobile devices in another manner? Any current best practice articles regarding styling for mobile devices that someone can point me to? Thanks for any advice. Chris Akins Web Coordinator City of Springfield, MO __ 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] Mobile Stylesheets vs. Mobile Optimized Sites
Chris Akins wrote: Our organization is wanting to start down the road of making some of our applications and content more mobile device friendly. Chris Akins Thi/m/k media queries. http://www.w3.org/TR/css3-mediaqueries/ http://www.alistapart.com/articles/responsive-web-design/ -- http://chelseacreekstudio.com/ __ 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] 3D Color prism - 216 colors (Windows safe colors)
Philip Taylor (Webmaster, Ret'd) wrote: Fascinated that there is Lime but not Green, Alan; is this intentional ? Philip Taylor Yes Philip, Instead of using the hexadecimal value #0f0, one can also use the keyword lime (as in background: lime). Also green as a pigment and as a CSS keyword color would be closer the div.hex-090. The precise hexadecimal value is #080. The only colors that are the same as the pigment color is red, yellow, white and black. The pigment Orange is midway between yellow and red, the pigment violet is roughly midway between white / black, red and fuchsia and the pigment blue is midway between white / black and blue. The colors of the rainbow are in slightly different positions. http://en.wikipedia.org/wiki/File:Colorcircle.png -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ 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] Mobile Stylesheets vs. Mobile Optimized Sites
Just another thought: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ On Thu, Aug 12, 2010 at 1:21 PM, David Laakso da...@chelseacreekstudio.com wrote: Chris Akins wrote: Our organization is wanting to start down the road of making some of our applications and content more mobile device friendly. Chris Akins Thi/m/k media queries. http://www.w3.org/TR/css3-mediaqueries/ http://www.alistapart.com/articles/responsive-web-design/ -- http://chelseacreekstudio.com/ __ 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/ -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ 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] Mobile Stylesheets vs. Mobile Optimized Sites
Tom Livingston wrote: Just another thought: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ Do you have anymore happiness and good cheer that you might want to bring to the table? ~d http://chelseacreekstudio.com/ __ 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] Mobile Stylesheets vs. Mobile Optimized Sites
On Thu, Aug 12, 2010 at 3:06 PM, Mark Richards m...@date.net wrote: On Thu, Aug 12, 2010 at 14:41, Tom Livingston tom...@gmail.com wrote: Just another thought: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ My 2 cents on this topic: designing something specifically for one browser will give you the best results for that browser. You can do all kinds of things once you go wild with all the proprietary or platform-specific features. But when you want to re-use your results on a different browser or OS or screen-size or whatever some of your cool tricks won't work. This is why we like standards-based CSS and HTML, because it can give great results on lots of browsers and platforms. Sometimes, however, what you want needs a bit of extra proprietary oomph. For mobile, this means that a mobile-tailored site will give you the best results for a mobile user: you can use all the mobile features and you can optimize for mobile performance, such as reduced bandwidth and cpu usage. You don't need to send the whole animation javascript file or those large background-images because they won't be needed. However, it always comes down to cost. It's too expensive to make a site for each browser so most of us make one that works well in standards mode. Can you afford to make a separate site for a mobile browser? If not, using CSS you can make a site that works better than a non-mobile site. With some careful programming you can make a site that avoids wasting too much bandwidth. But you are not optimizing for the mobile browser. Is this good enough for your customers? Is this the best use of your development resources? Only you can say. I'd say a CSS-only approach is better than no approach, but nothing beats a site developed from the ground up with mobile in mind. Mark I couldn't agree more. I sent this as information only. I'd use media queries in a heartbeat for a mobile site... How's that David? -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ 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-d] Getting my feet wet in HTML5
List, Here's a theory question ( i think) for ya. I'm working on a layout, and am attempting to use section and aside. Properly, I believe. But as I look at my layout, I'm thinking ok, i'll put an ID on this section, and one on that section... and I stopped and thought Uh oh... it's the same as i've always done with div id= etc. Am I wrong? Is there still benefit to using section... I don't wanna just substitute div for section... am I way off track already?? help... -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ 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-d] Any progress on HR styling in IE?
I like to use an image for HR elements, especially on very graphic-intensive sites. The trouble is that pesky border IE keeps putting around them. As of several years ago, hackery seemed to be the only way to make IE's hr images border-free: 1. Wrapping HR in a div: http://www.sovavsiti.cz/css/hr.html 2. or giving IE different code: http://saila.com/webdesign/tips/hr/ Has anyone come up with anything better in recent years? Mary Ellen Doctor Science, MA http://goodbookoftheday.com http://doctorscience.blogspot.com __ 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] Getting my feet wet in HTML5
On Thu, Aug 12, 2010 at 4:05 PM, Tom Livingston tom...@gmail.com wrote: List, Here's a theory question ( i think) for ya. I'm working on a layout, and am attempting to use section and aside. Properly, I believe. But as I look at my layout, I'm thinking ok, i'll put an ID on this section, and one on that section... and I stopped and thought Uh oh... it's the same as i've always done with div id= etc. Am I wrong? Is there still benefit to using section... I don't wanna just substitute div for section... am I way off track already?? help... Perhaps off-list responses would be best as I realize this really isn't CSS related... Thanks Steven... -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ 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/
