Jarrett House North

Second verse, same as the first.

Jarrett House North header image 2

Real HRs and faking them properly

January 6th, 2004 by Tim Jarrett

I finally got around to putting in proper HRs in my CSS and in the sidebar. The redesign uses a fleuron from the Cronos font (in which the other fleurons and my page title are set) where a horizontal rule would normally go. Of course, this looks pretty silly in Lynx. So I turned to Dive Into Accessibility to see how HRs should be “faked” using CSS. It turns out to be a pretty simple trick involving background images and HR display rules, though of course there are some hacks required to get properly degraded behavior in downlevel browsers. Anyway, the point is, it worked. You may need to refresh the page to get the updated stylesheet to load properly, but once you do, you’ll see the fleurons and downlevel and text browsers will see horizontal rules.

Tags: No Comments