On the other hand, simple, unstyled <hr> does not look well in richly styled documents. That’s why I tried to find a couple of cross-browser compatible ways to make it prettier.
Originally posted 2003-03-13 08:18:31. Republished by Old Post Promoter
Entries Tagged 'CSS: Styling' ↓
CSS Horizontal Rule Styling
February 28th, 2010 — CSS: Styling
Dont’ do CSS in your word processor
February 23rd, 2010 — CSS: Styling
You just never know where problems can stem from.
Never, ever do CSS markup in a word processor. Well, I did. It was only two sentences but I didn’t want to make a typo. MT calls the Textile plug in (which I’ll replace with Markdown when I install 3.1) on my entries. Textile educated the word processor quotes in the div I use to denote second thoughts when I update an entry.
Never got caught by this before because I normally cut and paste to my plain text editor when I add in the HTML markup.
I spent several stupefied minutes trying to figure out why my style sheet wasn’t working on just one entry.
Originally posted 2004-08-17 21:07:20. Republished by Old Post Promoter
CSS Headlines
December 7th, 2009 — CSS: Styling
How to use CSS to design graphic headers. Making Headlines With Cascading Style Sheets
Originally posted 2003-03-10 18:12:21. Republished by Old Post Promoter
Fonts for Unix visitors
October 31st, 2009 — CSS: Styling
Which fonts will make your site more readable for Mac and *nix users. Mark Newhouse: fonts for unix
Originally posted 2003-03-10 18:49:40. Republished by Old Post Promoter
Rounded corners without images
October 25th, 2009 — CSS: Styling
Rounded Corners with CSS are a hot topic in web design: I think that there are hundreds of articles on them. This page is intended to present the solution I came up, that doesn’t requires images, extra markup nor CSS.
Nifty Corners: rounded corners without images
Since its publication, I’ve worked a lot on Nifty Corners, bringing many improvements: looking back at the solution presented in the first article, seems to me that it was written ages ago. …
Originally posted 2005-04-06 14:00:49. Republished by Old Post Promoter
Fading Tooltips : Sweet Titles
September 27th, 2005 — CSS: Styling
Another extension of the Nice Titles meme. In this one the tool tip fades in.
Round Cornered Boxes With CSS
September 24th, 2005 — CSS: Styling
Another CSS tutorial explaining how to give boxes round corners.
Styling Photographs
September 20th, 2005 — CSS: Styling
On the web, we often need to place a picture together with its description, caption etc. It’s easy to place other elements around the image, but if the image is floating (left or right), it’s a bit more complicated.
Do it with CSS: Photo Cards
CSS text shadows
January 22nd, 2004 — CSS: Styling
How to create text shadows in Mozilla and Opera: CSS text shadow. A comment tells how to do it in Internet Explorer.
They also point to Text Shadows with CSS
Nicer CSS tooltips
January 22nd, 2004 — CSS: Styling
Mark Newhouse’s CSS Help was one of the first CSSCascading Style Sheets tricks I learned. Cheah Chu Yeow takes the idea up a level:
The smart part is when printing: the tooltips are “inlined” and bracketed appropriately so that they show up in the normal flow of the document when printing.