Post Archive
› April 18, 2003
Mini-icons Revisited
William Cox offers a nifty CSS solution using attribute selectors to add Nate's mini-icons to links automagically to show link attribute information. Via Dark Glass.
Alas, Mozilla seems to be the only place where you can apply CSS rules based upon the value of a HTML element attribute. It's a nifty function, and very useful in applications for tying content semantics to visual stylings.
Comments
1. April 18, 2003 11:54 PM
2. April 19, 2003 12:16 PM
Quote this comment
Nate Posted…
I've added the Micro Icon CSS solution to this site. Thanks Andy!3. April 24, 2003 08:04 AM
Quote this comment
Andreas Bovens Posted…
There seems to be a problem with the mini-icons' CCS solution in case the link on which they are applied is wrapped. Addingwhite-space: nowrap; to div#middle a[href^="http:"], div#subright a[href^="http:"] can help you out.
See [edited] screenshots and more details.
4. April 24, 2003 09:10 AM
Quote this comment
Nate Posted…
Thanks for the fix Andreas! I've added the fix to this site's css file, and credited you. That was a nice and easy fix.5. April 24, 2003 05:32 PM
Quote this comment
Andy@uzilla.net Posted…
In more nate inspired web wide goodness, "nice titles" are now available for, blah blah Firebird blah blah. See mozillaZine