« Top methods for Faster, Speedier web sitesChanging Any Password On XP »
I looked at a lot of different ways to display quotes and pullquotes and even though the javascript solutions are very nice, esp. the 456bereastreet.com solution, I decided to just use CSS (Keep It Simple Stupid).
Heres what it looks like:
I discovered the “q” tag and tried it out, once it validated as
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Yes thats XHTML 1.0 Strict. I also checked it with Firefox 1.0*-2.0* and IE 6.0.2*-the new IE 7.0. It also renders perfectly in Opera, Mozilla, and Netscape. Once I learned all that I was completely sold!
Example XHTML:
<q>I can go to bat for them and make it a win-win-win </q>
<p><strong>"I put a renewal plan togethe</strong>r last year for one of my clients</p>
<q class="q2">our clients are the ones who really reap the greatest benefits!</q>
<p><strong>"I have to be sure that I can</strong> get all of the ..sometimes I can go to bat for them and make it a win-win-win etween!"</p>
Example CSS:
q {float:left; width:18em; display:block; margin:0.25em 0.75em 0.25em 1em; padding:0.5em; border:3px double #CCC; border-width:3px 0; color:#333; background-color:#f0f0f0; text-align:center; font:italic 1.3em/1.3 Georgia;}
q.q2 {float:left; width:9em; display:block; margin:0.25em 0.75em 0.25em 1em; padding:0.5em; border:3px double #CCC; border-width:3px 0; color:#333; background-color:#f0f0f0; text-align:center; font:italic 1.3em/1.3 Georgia;}
Links
Pure CSS (no js)
Good Javascript Examples:
For Wordpress:
« Top methods for Faster, Speedier web sites
Changing Any Password On XP »
Similar Reads
- Review: Posh CSS
- Firefox, Firebug, and yslow are REQUIRED
- CSS Background Image Sprites
- Online CSS Compression Tools
- mod_rewrite Fix for Caching Updated Files
- Best-practice Web Design Process
- Best CSS .Classes for CSS Toolbox
- 12 Lessons for Those Afraid of CSS
- Top methods for Faster, Speedier web sites
My Picks
- THE Mod_Rewrite Cheatsheet
- AskApache .bash_profile
- Elite Log Viewing
- THE Ultimate Htaccess
- Intense Windows Speed
- DNS: Round Robin Speed
- Fsockopen: Nuts
Related Articles
- Review: Posh CSS
- Firefox, Firebug, and yslow are REQUI
- CSS Background Image Sprites
- Online CSS Compression Tools
- mod_rewrite Fix for Caching Updated F
- Best-practice Web Design Process
- Best CSS .Classes for CSS Toolbox
- 12 Lessons for Those Afraid of CSS
- Top methods for Faster, Speedier web
Newest Posts
- Update: Best Free Online Banking
- Firefox Add-ons for Web Developers
- Optimizing Servers and Processes for Speed with ionice, nice, ulimit
Random
Donate
Please consider donating to support active development of the free software and articles here.
Good Causes
The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. Tim Berners-Lee
Reader Comments
-
Pius ~
Really well done, thanks!
It's very simple - you read the protocol and write the code. -Bill Joy
HTML | DCMI | GRDDL | XOXO | XDMP | XFN | DOM | XML | XHTML 1.1 Strict | CSS 2.1 | W3C | TLDP | WAI | DISA | ICSI | GIAC | SANS RR | GHOST | DEFCON | NIST | DHS CYBER | NIST | .:: Phrack Magazine ::.
↑ TOPExcept where otherwise noted, content on this site is licensed under a Creative Commons Attribution 3.0 License, just credit with a link.
This site is not supported or endorsed by The Apache Software Foundation (ASF). All software and documentation produced by The ASF is licensed. "Apache" is a trademark of The ASF. HTTPD based on NCSA HTTPd
Nice work. :) I thought you’d like to see my approach as well: http://www.designmeme.com/articles/csspullquotes/