Re: [css-d] CSS3 animations considered harmful
At 9:19 PM -0400 8/10/10, David Laakso wrote: Gabriele Romanato wrote: Hi! need some responses and criticisms about my opinions expressed right here: http://onwebdev.blogspot.com/2010/08/css3-animations-considered-harmful.html HTH ^^/ Gabriele Romanato CSS is a programming language: albeit, a very simple one. It copes with look and feel. Expanding CSS to include more than that is scary. But therein may, or may not, lie the future. /Push the envelope./ Best, ~d I agree and was very close to responding as such. However, I didn't think my contribution would amount to anything in that forum. In any event, people who say that CSS is not a programming language must have a better understanding of programming than me -- after all, I only wrote my first line of code 45 years ago and still haven't mastered it. Cheers, tedd -- --- http://sperling.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] IE not showing child popout of dropdown
horizonsrhigh.org/wordpress On the navigation bar at the top, if you mouseover Ministries Horizon Christian School in Firefox a little child popout called Test Child will appear just to the right of Horizon Christian School. In IE, this doesn't happen. I have no idea why, except that it doesn't seem to be a z-index problem because the only thing behind the child is the page's background. Thanks for any help in advance. -bRETT __ 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] CSS3 animations considered harmful
tedd wrote: At 9:19 PM -0400 8/10/10, David Laakso wrote: Gabriele Romanato wrote: Hi! need some responses and criticisms about my opinions expressed right here: http://onwebdev.blogspot.com/2010/08/css3-animations-considered-harmful.html HTH ^^/ Gabriele Romanato CSS is a programming language: albeit, a very simple one. It copes with look and feel. Expanding CSS to include more than that is scary. But therein may, or may not, lie the future. /Push the envelope./ Best, ~d I agree and was very close to responding as such. However, I didn't think my contribution would amount to anything in that forum. In any event, people who say that CSS is not a programming language must have a better understanding of programming than me -- after all, I only wrote my first line of code 45 years ago and still haven't mastered it. CSS isn't a programming language. No control constructs like IF/THEN/ELSEIF, SWITCH, etc. No variables. The only programming language presence really are the MS extensions (Javascript functions). -- 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] CSS3 animations considered harmful
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d- boun...@lists.css-discuss.org] On Behalf Of david Sent: Wednesday, August 11, 2010 3:12 PM To: css-d Subject: Re: [css-d] CSS3 animations considered harmful tedd wrote: At 9:19 PM -0400 8/10/10, David Laakso wrote: Gabriele Romanato wrote: Hi! need some responses and criticisms about my opinions expressed right here: http://onwebdev.blogspot.com/2010/08/css3-animations- considered-harm ful.html HTH ^^/ Gabriele Romanato CSS is a programming language: albeit, a very simple one. It copes with look and feel. Expanding CSS to include more than that is scary. But therein may, or may not, lie the future. /Push the envelope./ Best, ~d I agree and was very close to responding as such. However, I didn't think my contribution would amount to anything in that forum. In any event, people who say that CSS is not a programming language must have a better understanding of programming than me -- after all, I only wrote my first line of code 45 years ago and still haven't mastered it. CSS isn't a programming language. No control constructs like IF/THEN/ELSEIF, SWITCH, etc. No variables. The only programming language presence really are the MS extensions (Javascript functions). I wish there were variables. Even variables of the macro kind for defining a color palette would be really great. MAIN_COLOR = #123456; border-color: MAIN_COLOR; color: MAIN_COLOR; Want to change your main color from green to blue? Change one line! How awesome would that be? But anyway... I think the lack of control structures is a little erroneous... the entire language is a giant switch statement. If there's an element that matches such and such, apply these properties... Switch (element) { Case 'p': margin: 1em; } We just leave the switch() case: out for brevity. :P Also, isn't it instructions for a computer? Isn't that the definition of a programming language? I can understand HTML not being a language, as it doesn't, by itself, cause anything to happen to the text (default styling is CSS, after all). But CSS actually does stuff. ---Tim __ 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] styling a col
How can I style only some cells in a col? The cells I want to style have a class that I can use. I can style the col but that applies the style to all the cells in the col. It may be a matter of using the right selectors, but no combination I've tried has worked. -- The liberty the citizen enjoys is to be measured not by the governmental machinery he lives under, whether representative or other, but by the paucity of restraints it imposes on him. -- Herbert Spencer, 1884 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] CSS3 animations considered harmful
David Laakso da...@chelseacreekstudio.com: CSS is a programming language: albeit, a very simple one. It copes with look and feel. Expanding CSS to include more than that is scary. But therein may, or may not, lie the future. /Push the envelope./ Oh please, folks! CSS itself is not a programming language. It is a structured set of parameters (specifications) to be processed by various programs called browsers. Some do that processing better than others. Bruce __ 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] CSS3 animations considered harmful
On 08/11/2010 04:39 PM, Climis, Tim wrote: -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d- boun...@lists.css-discuss.org] On Behalf Of david Sent: Wednesday, August 11, 2010 3:12 PM To: css-d Subject: Re: [css-d] CSS3 animations considered harmful tedd wrote: At 9:19 PM -0400 8/10/10, David Laakso wrote: Gabriele Romanato wrote: Hi! need some responses and criticisms about my opinions expressed right here: http://onwebdev.blogspot.com/2010/08/css3-animations- considered-harm ful.html HTH ^^/ Gabriele Romanato CSS is a programming language: albeit, a very simple one. It copes with look and feel. Expanding CSS to include more than that is scary. But therein may, or may not, lie the future. /Push the envelope./ Best, ~d I agree and was very close to responding as such. However, I didn't think my contribution would amount to anything in that forum. In any event, people who say that CSS is not a programming language must have a better understanding of programming than me -- after all, I only wrote my first line of code 45 years ago and still haven't mastered it. CSS isn't a programming language. No control constructs like IF/THEN/ELSEIF, SWITCH, etc. No variables. The only programming language presence really are the MS extensions (Javascript functions). I wish there were variables. Even variables of the macro kind for defining a color palette would be really great. MAIN_COLOR = #123456; border-color: MAIN_COLOR; color: MAIN_COLOR; Want to change your main color from green to blue? Change one line! How awesome would that be? But anyway... I think the lack of control structures is a little erroneous... the entire language is a giant switch statement. If there's an element that matches such and such, apply these properties... Switch (element) { Case 'p': margin: 1em; } We just leave the switch() case: out for brevity. :P Also, isn't it instructions for a computer? Isn't that the definition of a programming language? I can understand HTML not being a language, as it doesn't, by itself, cause anything to happen to the text (default styling is CSS, after all). But CSS actually does stuff. ---Tim There is LessCSS [1] which attempts to make CSS into more of a programming language. As for the Gabriele's original point. I don't see the advances made in CSS3 to be harmful. Many people won't use the new behavior features extensively. People can still make nice looking sites that mainly use CSS features that have been in existence for a while now. JavaScript will remain an important part of client side web programming for a while. [1] http://lesscss.org/ -- Steven DuBois sdub...@gnu.org Free Software Foundation - Intern signature.asc Description: OpenPGP digital signature __ 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] CSS3 animations considered harmful
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d- boun...@lists.css-discuss.org] On Behalf Of david Sent: Wednesday, August 11, 2010 3:12 PM To: css-d Subject: Re: [css-d] CSS3 animations considered harmful tedd wrote: At 9:19 PM -0400 8/10/10, David Laakso wrote: Gabriele Romanato wrote: Hi! need some responses and criticisms about my opinions expressed right here: http://onwebdev.blogspot.com/2010/08/css3-animations- considered-harm ful.html HTH ^^/ Gabriele Romanato CSS is a programming language: albeit, a very simple one. It copes with look and feel. Expanding CSS to include more than that is scary. But therein may, or may not, lie the future. /Push the envelope./ Best, ~d I agree and was very close to responding as such. However, I didn't think my contribution would amount to anything in that forum. In any event, people who say that CSS is not a programming language must have a better understanding of programming than me -- after all, I only wrote my first line of code 45 years ago and still haven't mastered it. CSS isn't a programming language. No control constructs like IF/THEN/ELSEIF, SWITCH, etc. No variables. The only programming language presence really are the MS extensions (Javascript functions). I wish there were variables. Even variables of the macro kind for defining a color palette would be really great. MAIN_COLOR = #123456; border-color: MAIN_COLOR; color: MAIN_COLOR; Want to change your main color from green to blue? Change one line! How awesome would that be? But anyway... I think the lack of control structures is a little erroneous... the entire language is a giant switch statement. If there's an element that matches such and such, apply these properties... Switch (element) { Case 'p': margin: 1em; } We just leave the switch() case: out for brevity. :P Also, isn't it instructions for a computer? Isn't that the definition of a programming language? I can understand HTML not being a language, as it doesn't, by itself, cause anything to happen to the text (default styling is CSS, after all). But CSS actually does stuff. ---Tim I push all my code, css, js, php through M4. this enables me to do exactly what you are asking for, and also have shared symbolic constants for return codes and such for json structures. It really helps. Peter __ 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] styling a col
On Wed, Aug 11, 2010 at 1:34 PM, Rick Pasotto r...@niof.net wrote: How can I style only some cells in a col? The cells I want to style have a class that I can use. I can style the col but that applies the style to all the cells in the col. It may be a matter of using the right selectors, but no combination I've tried has worked. -- The liberty the citizen enjoys is to be measured not by the governmental machinery he lives under, whether representative or other, but by the paucity of restraints it imposes on him. -- Herbert Spencer, 1884 Rick Pasottor...@niof.nethttp://www.niof.net td.classname{ (style here) } This should work, maybe be more specific like table tr td.classname{ (style here) } I don't think you can use col as a selector, because no elements are technically wrapped in it. Hope it helps, Alex Mitchell http://gumware.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] Logo positioning with CSS?
On Mon, Aug 9, 2010 at 1:19 PM, Joe Jackson priory...@googlemail.comwrote: Hi How can I have the logo sit on top of the slideshow image? At present the logo pushes the slideshow image further down the page? I have tried Z index on the logo but it still pushes the slideshow down the page instead of the logo sitting on top of the slideshow? div id=mainheader div id=logo/div div id=navigation ul id=navigs lia href=index.htmlHOME/a/li lia href=aboutus.htmlABOUT US/a/li lia href=classes.htmlCLASSES/a/li lia href=contact.htmlCONTACT US/a/li /ul /div /div div id=slideshow-border div id=slideshow div id=cycle-home img src=images/hp1.jpg alt=Dance Studios / img src=images/hp2.jpg alt=Music and Dance Studio / img src=images/hp3.jpg alt=test / img src=images/hp4.jpg alt=test / /div My CSS for these elements are #logo { width: 211px; height: 177px; float: left; margin: 0px 0px 0px 10px; background: url(../images/logo1.png) } #slideshow-border { width: 900px; height: 348px; padding: 10px; margin: 0 auto; background: #FFF; } #slideshow { width: 900px; height: 348px; overflow: hidden; position: relative; background: #222; } Try absolute positioning on the logo. set the position of the slideshow to relative, then nest the logo inside of it and adjust the positioning as such. #logo { width: 211px; height: 177px; background: url(../images/logo1.png) position:absolute; /* edits start here */ left:5px; top:5px; /* end of edits */ } #slideshow-border { width: 900px; height: 348px; padding: 10px; margin: 0 auto; background: #FFF; } #slideshow { width: 900px; height: 348px; overflow: hidden; position: relative; background: #222; } div id=mainheader div id=navigation ul id=navigs lia href=index.htmlHOME/a/li lia href=aboutus.htmlABOUT US/a/li lia href=classes.htmlCLASSES/a/li lia href=contact.htmlCONTACT US/a/li /ul /div /div div id=slideshow-border div id=slideshow !-- insert logo -- div id=logo/div div id=cycle-home img src=images/hp1.jpg alt=Dance Studios / img src=images/hp2.jpg alt=Music and Dance Studio / img src=images/hp3.jpg alt=test / img src=images/hp4.jpg alt=test / /div Many people may think this would affect SEO benefits of having your logo at the top of the html, but seeing how there's no actual content in the logo area, a search engine won't see anything. And because it's a div, not even an h1 tag, it will have no SEO costs. However, if you would like the SEO benefits, you can use an h1 tag instead of a div, and set the text-indent to some huge number (ie text-indent:-5000px;) then set the overflow to hidden so that nobody ever sees it (overflow:hidden;). Hope this helps, Alex Mitchell http://gumware.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] footer not sticking to bottom of window, but footer contents are
On Wed, Aug 11, 2010 at 4:30 PM, Debbie Campbell d...@redkitecreative.comwrote: My 100%-width footer (the dark bar in the middle of the page) is not sticking to the bottom of the browser window in FF, Chrome, etc. but the contents of the footer are: http://174.120.243.190/~qhkhwed/index.php?page=everything-i-love I'm using the footerstickalt method. Can someone tell me what I'm doing wrong here? -- Debbie Campbell Kind of an odd fix and I'm not quite sure why it worked, but by using firebug I could see that the content that was actually at the bottom was the p.designby, which was floated right. I added float:right to the style of the footer, and it magically worked. I'll investigate it more when I have the time. Hope this helps, Alex Mitchell http://gumware.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] footer not sticking to bottom of window, but footer contents are
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 On 8/11/2010 5:44 PM, Alex Mitchell wrote: On Wed, Aug 11, 2010 at 4:30 PM, Debbie Campbell d...@redkitecreative.com mailto:d...@redkitecreative.com wrote: My 100%-width footer (the dark bar in the middle of the page) is not sticking to the bottom of the browser window in FF, Chrome, etc. but the contents of the footer are: http://174.120.243.190/~qhkhwed/index.php?page=everything-i-love I'm using the footerstickalt method. Can someone tell me what I'm doing wrong here? -- Debbie Campbell Kind of an odd fix and I'm not quite sure why it worked, but by using firebug I could see that the content that was actually at the bottom was the p.designby, which was floated right. I added float:right to the style of the footer, and it magically worked. I'll investigate it more when I have the time. Hope this helps, Alex Mitchell http://gumware.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] footer not sticking to bottom of window, but footer contents are
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/ __ 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] styling a col
On Wed, Aug 11, 2010 at 04:16:56PM -0700, Alex Mitchell wrote: On Wed, Aug 11, 2010 at 1:34 PM, Rick Pasotto r...@niof.net wrote: How can I style only some cells in a col? The cells I want to style have a class that I can use. I can style the col but that applies the style to all the cells in the col. It may be a matter of using the right selectors, but no combination I've tried has worked. -- The liberty the citizen enjoys is to be measured not by the governmental machinery he lives under, whether representative or other, but by the paucity of restraints it imposes on him. -- Herbert Spencer, 1884 Rick Pasottor...@niof.nethttp://www.niof.net td.classname{ (style here) } This should work, maybe be more specific like table tr td.classname{ (style here) } I *know* how to do that. Every cell in the row has the same classname but I only want a different style for the first and last cells (It's a calendar). The way the template is written I have no way of applying a style to only some of the cells in the row. I don't think you can use col as a selector, because no elements are technically wrapped in it. As I said, I can style the *entire* col but I don't want the first two rows (whose cells do *not* have the stylename) to be styled. The whole point of 'col' is to be able to deal with a particular column. There ought to be a way to deal with *part* of the column. -- Beware of all enterprises that require new clothes, and not rather a new wearer of clothes. -- Henry David Thoreau 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] styling a col
On Thu, Aug 12, 2010 at 10:44:48AM +0900, Philippe Wittenbergh wrote: On Aug 12, 2010, at 10:23 AM, Rick Pasotto wrote: Every cell in the row has the same classname but I only want a different style for the first and last cells (It's a calendar). The way the template is written I have no way of applying a style to only some of the cells in the row. td:first-child, td:last-child { color: white; background: lime } ? I don't think you can use col as a selector, because no elements are technically wrapped in it. As I said, I can style the *entire* col but I don't want the first two rows (whose cells do *not* have the stylename) to be styled. The whole point of 'col' is to be able to deal with a particular column. There ought to be a way to deal with *part* of the column. You can style an entire column, up to some point. Only a limited number of properties apply tot he col element. http://www.w3.org/TR/CSS21/tables.html#columns (this _may_ be enough for your purposes though). A combination of both might help ? Yes, that worked. Since a row's styling overrides a col's styling I can style the entire column and then re-style the top row. PS - Do you have a url of what you attempt to do ? Might be easier to give advice? At this point it's a test site so it's not really available to the public. I'm using the codeigniter calendar class to generate a calendar and it uses a template system that loops through each cell of a row so I have no way to get at code within that loop.. -- Private property was the original source of freedom. It still is its main bulwark. -- Walter Lippmann, 1937 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] styling a col
On Aug 12, 2010, at 10:23 AM, Rick Pasotto wrote: Every cell in the row has the same classname but I only want a different style for the first and last cells (It's a calendar). The way the template is written I have no way of applying a style to only some of the cells in the row. td:first-child, td:last-child { color: white; background: lime } ? I don't think you can use col as a selector, because no elements are technically wrapped in it. As I said, I can style the *entire* col but I don't want the first two rows (whose cells do *not* have the stylename) to be styled. The whole point of 'col' is to be able to deal with a particular column. There ought to be a way to deal with *part* of the column. You can style an entire column, up to some point. Only a limited number of properties apply tot he col element. http://www.w3.org/TR/CSS21/tables.html#columns (this _may_ be enough for your purposes though). A combination of both might help ? PS - Do you have a url of what you attempt to do ? Might be easier to give adviceā¦ Philippe --- Philippe Wittenbergh http://l-c-n.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/