Re: [WSG] [att] disables element in :focus?
Hi Jon, I am working on a few HTML5 projects at once as I found this is the only way I can learn HTML5 more quickly. It's more than a practice because the final result will be solid enough for the real world use. I mostly focus on eCommerce sites development and I am likely be more cautious about using HTML5 on client's site, for now, I think using HTML5 for WordPress blog is OK. This is one HTML5 WordPress theme (GPL license) that I finished last week that uses some CSS3 features that are not widely used yet, one example, the transition-duration that is currently supported by webkit. The theme has been downloaded over 50 times, hopefully someone out there is using it for his/her blog than just studying my code :-) http://lotusseedsdesign.com/temple-gate/2010/09/temple-gate-a-html5-wordpress-theme/ tee On Oct 10, 2010, at 2:35 AM, Jon @ The PixelForge wrote: > If I may ask, what kind of HTML5/CSS3 projects are you working on - or is > this the same as the rest of us, i.e. practice? > > Regards, > > Jon Warner > *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] [att] disables element in :focus?
If I may ask, what kind of HTML5/CSS3 projects are you working on - or is this the same as the rest of us, i.e. practice? Regards, Jon Warner On Sun, Oct 10, 2010 at 8:36 AM, tee wrote: > Hi Thierry, > > I was setting up a test page for you and during the process I found the > problem. > > The [required] was declared twice which I didn't catch, and one with > '!important' that I used to overwrite the background color in the input tag. > > The '!important' got me into trouble a number of times. Sigh! > > Thanks for checking! > > tee > > >> > >> > > > > That works for me. Do you have a page we can look at? > > > > > > -- > > Regards, > > Thierry > > www.tjkdesign.com | www.ez-css.org | @thierrykoblentz > > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > > *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] [att] disables element in :focus?
Hi Thierry, I was setting up a test page for you and during the process I found the problem. The [required] was declared twice which I didn't catch, and one with '!important' that I used to overwrite the background color in the input tag. The '!important' got me into trouble a number of times. Sigh! Thanks for checking! tee >> >> > > That works for me. Do you have a page we can look at? > > > -- > Regards, > Thierry > www.tjkdesign.com | www.ez-css.org | @thierrykoblentz *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] [att] disables element in :focus?
> Is this expected behavior or the support is still lacking? > > I have this declared in CSS for HTML5 required attributed: > > > > > [required]{background-color:#E0} > > input:focus, texture:focus > {background: #464646;color: #fff;border-color: #C12D2D} > > > Color and border are correctly working when focused, but background > image isn't. My test showed that it isn't the HTML5 required attribute > causing it but the CSS3 [required]. > > If I remove [required]{background-color:#E0} and target ID instead > (input#email {background-color:#E0} ) then the background color > works when focused. > > Tested in Opera, FF, Safari and Chrome, all show consistent result. That works for me. Do you have a page we can look at? -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] [att] disables element in :focus?
Correction: background COLOR isn't working. On Oct 9, 2010, at 4:27 AM, tee wrote: > Is this expected behavior or the support is still lacking? > > I have this declared in CSS for HTML5 required attributed: > > > > > [required]{background-color:#E0} > > input:focus, texture:focus > {background: #464646;color: #fff;border-color: #C12D2D} > > > Color and border are correctly working when focused, but background image > isn't. My test showed that it isn't the HTML5 required attribute causing it > but the CSS3 [required]. > > If I remove [required]{background-color:#E0} and target ID instead > (input#email {background-color:#E0} ) then the background color works > when focused. > > Tested in Opera, FF, Safari and Chrome, all show consistent result. > > > tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] [att] disables element in :focus?
Is this expected behavior or the support is still lacking? I have this declared in CSS for HTML5 required attributed: [required]{background-color:#E0} input:focus, texture:focus {background: #464646;color: #fff;border-color: #C12D2D} Color and border are correctly working when focused, but background image isn't. My test showed that it isn't the HTML5 required attribute causing it but the CSS3 [required]. If I remove [required]{background-color:#E0} and target ID instead (input#email {background-color:#E0} ) then the background color works when focused. Tested in Opera, FF, Safari and Chrome, all show consistent result. tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***