tag:www.shayna.com,2009:/ Shayna Productions - Sandy Clark Sandra Clark 2009-04-22T09:00:01Z urn:uuid:179 <![CDATA[CSS Back to Basics Class]]> 2007-06-28T11:30:00Z Well, I think my CSS presentation here at CFUNITED went well. My computer went totally nuts at the beginning, and I had to go without it for about 1/3 of the time, but I was able to get the information out. Thanks to everyone at the session for their patience with my situation.

I didn't get to my special treat, which is popup Windows using a Class. I've got the zip file up at: docs/popupwindows.zip for your downloading pleasure. The basic premise is that in an xHTML 1.0 strict environment, the target attribute is obsoleted. So there is no way to simply have a link open in a new window. I actually blogged about this in September, 2006, and have been working on the solution since then. The solution uses JavaScript and CSS together to create both the functionality of the popup window as well as add an image to the page to indicate that the link opens in a new window. It also degrades gracefully without JavaScript and simply opens in the current window.

I've also made my presentation and sample files available for download. Enjoy!

]]> Well, I think my CSS presentation here at CFUNITED went well. My computer went totally nuts at the beginning, and I had to go without it for about 1/3 of the time, but I was able to get the information out. Thanks to everyone at the session for their patience with my situation.

I didn't get to my special treat, which is popup Windows using a Class. I've got the zip file up at: docs/popupwindows.zip for your downloading pleasure. The basic premise is that in an xHTML 1.0 strict environment, the target attribute is obsoleted. So there is no way to simply have a link open in a new window. I actually blogged about this in September, 2006, and have been working on the solution since then. The solution uses JavaScript and CSS together to create both the functionality of the popup window as well as add an image to the page to indicate that the link opens in a new window. It also degrades gracefully without JavaScript and simply opens in the current window.

I've also made my presentation and sample files available for download. Enjoy!

]]> urn:uuid:176 <![CDATA[Simulating Attributes Selectors in IE6]]> 2007-03-30T08:30:00Z Especially now that IE7 supports attribute selectors, using classes in my HTML to reflect those items has become a real bummer. I really like the idea of not requiring people maintaining HTML to worry about classes. I think it makes for cleaner markup and for easier training. So, while I'm not a JavaScript maven by any means, I decided to play around with this and actually made it work.

What is an Attribute Selector Anyway?

An attribute selector is a CSS selector which says basically, "use these style rules if the value of an attribute is equal to something specific". I tend to use attribute selectors mainly with forms, so my sample function deals exclusively with the input element. It can however be extended to anything you want. So, if I want to target my CSS to only text inputs, or only select buttons, or only checkboxes. I can use an attribute selector instead of a class.

]]> Especially now that IE7 supports attribute selectors, using classes in my HTML to reflect those items has become a real bummer. I really like the idea of not requiring people maintaining HTML to worry about classes. I think it makes for cleaner markup and for easier training. So, while I'm not a JavaScript maven by any means, I decided to play around with this and actually made it work.

What is an Attribute Selector Anyway?

An attribute selector is a CSS selector which says basically, "use these style rules if the value of an attribute is equal to something specific". I tend to use attribute selectors mainly with forms, so my sample function deals exclusively with the input element. It can however be extended to anything you want. So, if I want to target my CSS to only text inputs, or only select buttons, or only checkboxes. I can use an attribute selector instead of a class.

]]>