Re: [WSG] [att] disables element in :focus?

2010-10-10 Thread tee
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?

2010-10-10 Thread Jon @ The PixelForge
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 weblis...@gmail.com 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?

2010-10-10 Thread tee
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
***


[WSG] [att] disables element in :focus?

2010-10-09 Thread tee
Is this expected behavior or the support is still lacking?

I have this declared in CSS  for HTML5 required attributed:

input type=email name=email id=email required


[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
***



Re: [WSG] [att] disables element in :focus?

2010-10-09 Thread tee
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:
 
 input type=email name=email id=email required
 
 
 [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
***



RE: [WSG] [att] disables element in :focus?

2010-10-09 Thread Thierry Koblentz
 Is this expected behavior or the support is still lacking?
 
 I have this declared in CSS  for HTML5 required attributed:
 
 input type=email name=email id=email required
 
 
 [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
***