Archive for May, 2006
IE7.css is at 146 lines and counting…
2 Comments Published 2 years, 3 months ago in CSS, Conditional Comment, Hacks, IE7 and Quick Tips Digg ThisHow good is IE7? I was wondering about that today as I reloaded it to do another batch of bug fixing. The proof may be in your CSS pudding.
We are using conditional comments to import either ie6.css or ie7.css to control our hacks.
<! –[if IE 7]>
<link href=“/css/ie7.css” type=“text/css” rel=“stylesheet” media=“all”/>
<![endif]–>
<! –[if lte IE [...]
Quick hint for using the YUI Container library
0 Comments Published 2 years, 3 months ago in CSS, DHTML, Div, JavaScript, Quick Tips, display and visibility Digg ThisThe YUI Container libraries work with visibility:hidden to hide your targeted div. I’ve spent too many hours trying to figure out why something wasn’t working only to realize I had display:none in the CSS. So, when you use these libraries remember visibility, not display. It’s a mantra that could keep you from pounding your [...]
Yahoo releases new components to their YUI libraries
0 Comments Published 2 years, 3 months ago in DHTML, JavaScript, Online Resource and Quick Tips Digg ThisYahoo began releasing it’s design and javascript libraries a few months ago. These are truly a great resource; you can benefit from some of the greatest minds at Yahoo! These scripts have been extensively tested for memory leaks, cross-browser support, and accessibility.
The latest release includes the module/container library. This group makes it super easy to [...]
Make Flash accessible to screen readers in transparent window mode
8 Comments Published 2 years, 3 months ago in :absolute, Accessibility, CSS, Flash, JavaScript and position Digg ThisThe detour around flash for accessibility
Yahoo! Tech’s home page features a flash-based media space that highlights stories, comparisons, buying guides, blog posts, and more. Making this accessible required a bit of trial and error, but the solution was simple and can be used by sites everywhere.
Step 1. Inserting the flash object
The site [...]
IE7 passes the sprite test
1 Comment Published 2 years, 3 months ago in Browsers, CSS, IE7, Image Sprites, Quick Tips, background and position Digg ThisI came across an issue with Internet Explorer 7 beta displaying the rating stars incorrectly in Yahoo! Tech. After doing some testing, I realized the browser was measuring the sprite image from the bottom up, rather than the top down. This is a significant issue. I had to create a new set of rules [...]
About
You are currently browsing the Advanced CSS Design Resources - last-child.com weblog archives for May, 2006.
Longer entries are truncated. Click the headline of an entry to read it in its entirety.Latest
- ARIA support with the YUI library
- Yahoo Search Monkey in Paris
- Adding style to your rel attributes with CSS
- Progressive enhancement of links using the CSS attribute selector
- UTF-8 compatible accented characters
- Flickr Video is live
- Captioning Sucks and Needs a Jump Start
- How to fix your K2 powered wordpress blog after upgrading to 2.5
- Multiple asides categories in Wordpress?
- IE7 and IE8 hack behavior
Archives
- August 2008
- July 2008
- June 2008
- May 2008
- April 2008
- March 2008
- February 2008
- January 2008
- December 2007
- October 2007
- September 2007
- August 2007
- July 2007
- June 2007
- May 2007
- April 2007
- March 2007
- February 2007
- January 2007
- December 2006
- November 2006
- October 2006
- September 2006
- August 2006
- July 2006
- June 2006
- May 2006
- April 2006
- March 2006
- February 2006
Categories
- :absolute (5)
- :after (2)
- :block (3)
- :fixed (1)
- :focus (1)
- :hover (1)
- :none (2)
- :relative (4)
- Accessibility (26)
- AJAX (10)
- atmedia (6)
- attribute selector (7)
- background (10)
- Book Resources (4)
- Book Review (4)
- border (1)
- Browsers (10)
- Class (4)
- Code (1)
- Conditional Comment (7)
- CSS (67)
- CSS2 (7)
- CSS3 (5)
- Definition List (2)
- Developers (4)
- DHTML (15)
- display (3)
- Div (3)
- Dreamweaver (1)
- Firefox (9)
- first-child (1)
- Flash (8)
- FLORWAX (2)
- Form (2)
- Form Button (2)
- Form Input (2)
- Form Select (1)
- Hacks (13)
- HTML Elements (10)
- Id (2)
- IE7 (24)
- IE8 (3)
- Image (2)
- Image Replacement (2)
- Image Sprites (9)
- JavaScript (29)
- JSON (3)
- Link (7)
- margin (1)
- media (1)
- microformats (6)
- min-height (2)
- negative margins (1)
- Online Resource (46)
- Opera (3)
- Other Links (1)
- overflow (2)
- padding (2)
- paxilled (2)
- PEAR (1)
- PHP (7)
- position (10)
- Pre (1)
- Quick Tips (33)
- Safari (1)
- Span (2)
- Standardista (20)
- Table (1)
- Table Body (1)
- Table Head (1)
- Table Header (1)
- Table Header Scope (1)
- Table Summary (1)
- text-indent (2)
- Uncategorized (4)
- Unordered List (1)
- vertical-align (1)
- Video (1)
- visibility (1)
- W3C (8)
- Wordpress (2)
- XHTML (2)
- XML (3)
- XSL (3)
- Yahoo! (24)
- YUI (6)
- Z-Index (4)

