Brainstorms and Raves

Notes on Web Design, Development, Standards, Typography, Music, and More

Fri

25

JUL

2003

Friday Feast #53: CSS Tips, Page Redirect Tips

Today’s Feast is devoted to CSS with a little JavaScript tossed in to help users.

User-friendly Page Redirects

Craig Saila provides a terrific template to make page redirects much more user friendly. Check out his A Web building tip: How do I make a page redirect the user elsewhere? page. The meta refresh will work with browsers that have JavaScript turned off or isn’t available while the JavaScript will prevent the potential loop created (when users press the back button they land on the redirect page, which in turn takes them to the target page).

While a server-side redirect approach may be more ideal, Craig’s method above can work pretty well for those of us who may not have a server-side option available. Experiment with just the meta refresh tag and you’ll probably discover the looping problem. Adding the JavaScript, as Craig suggests, prevents that potential loop problem for most users.

Styling an hr

How do you style a horizontal rule in CSS? What about browser support? Why are dotted borders designated in the CSS showing up as dashed borders in IE6? Here are some tips to answer those questions.

Abbreviations and Acronyms

As you may know, Internet Explorer does not yet support the <abbr> element. Marek Prokop has provided some JavaScript, though, to make our job easier by automating the process by serving IE users an enhanced version. Opera and Mozilla already support the <abbr> element, so those users won’t get the IE-only added markup. Check out his article about it, Styling <abbr> in IE.

More

Friday Feast archives

03:25 pm, pdt25 July, 2003 Comments, Trackbacks (1) ·

Categories: Browsers, CSS, Development, Friday Feast, Usability

Comments

Comments, Trackbacks: 1 so far. Add yours!

  1. Thanks Shirley,

    Been meaning to get around to finding a manageable solution for a clients site that uses hr for a while now.

    Fixed it within 5 minutes of reading this.

    Much appreciated! :x

    01:58 am, pdt29 July, 2003Comment by Kris Owens

    comment #1 permalink ·

This discussion has been closed. Thanks to all who participated.

top


Visit iStockPhoto - Royalty-free stock images. Click Upload Earn, Click Download Create 

I Wrote a Book

Deliver First Class Web Sites: 101 Essential Checklists  Via amazon.com: Deliver First Class Web Sites: 101 Essential Checklists, by Shirley Kaiser. SitePoint Books (July 2006). 

Available now via: SitePoint Books, Amazon.com, Amazon.ca (Canada), Amazon.co.uk (UK), Amazon.fr (France), Amazon.de (Germany), Amazon.co.jp (Japan), Tower Books U.S. and elsewhere! You'll also help support this site and its owner if you purchase via any of these links.

Learn more at SKDesigns - Deliver First Class Web Sites and via SitePoint Books.

Recommended Books

 Book cover: The Design of Sites, Second Edition : Patterns, Principles, and Processes for Crafting a Customer-Centered Web Experience. By Douglas K. van Duyne, James A. Landay, Jason I. Hong. Prentice Hall PTR (December 14, 2006). 

Book cover: Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS, by Dan Cederholm.

Hand-picked best book recommendations for Web site design, CSS, graphics, Photoshop, color, accessibility, more

In association with
 In Association with Amazon.com 
http://brainstormsandraves.com/archives/2003/07/25/friday_feast_53_css_tips_page_redirect_tips/
Page last modified 14 July, 2007 - 10:20pm PDT Page load time: 0.009597 seconds.