NOVEMBER 2007

More and more web sites are relying on CSS, or Cascading Style Sheets, for their design, layout and placement. And maybe one day all of the Internet browsers will use all of the CSS attributes the same. For now, a coder has to really check across platforms and browsers to make sure the CSS they set up works the way it should. It can definitely be a frustrating task sometimes. Below are a few attributes that I think are indispensable.

Happy Thanksgiving to you and your family!
Kim Adams, President, Tiger Studios, Inc.

More Things You Might Not Know CSS Can Do

This article is a continuation of my April newsletter on things you might not know CSS can do.

All Upper Case. All Lower Case.

Instantly transform your text into all upper or all lower case letters on your web site. Warning! All upper case words are hard to read, so use that option for small blocks of text or page titles.
For all upper case use this attribute: text-transform: uppercase.
For all lower case use this attribute: text-transform: lowercase.

Non Standard Font Usage.

You can use any font, standard or non-standard, when designing your web site using HTML and CSS, just understand that not all computers will have the same font sets. Should you choose to use Lucinda Handwriting for your page titles and Gill Sans for your body copy remember to also have a fall back font that uses the basic system fonts for web sites: Arial, Helvetica, Tahoma, Times. If you do use non-standard fonts remember that when there is a font substitution the text flow may be different than what you expected.
To use a special font, use the font-family attribute in your stylesheet: font-family: Gill Sans, Arial; or font-family: Lucinda Handwriting, Times;

Fancy Text Boxes Made Easy.

Ever wondered how to create those nice text boxes on a web site? The ones with a background color and a nice border around it. Before CSS a coder had to use a lot of HTML to make that happen. Now, it is just a few lines in your stylesheet.
.boxborder {
background-color: #ffffff; (This sets the color of the box)
border: 1px solid #DFD9C2; (This sets the border width and color of the box)
}

To use this style on your HTML page, simply add class="boxborder" to the <table> tag. It would look something like this: <table border="0" width="200" class="boxborder">

To learn more about Tiger Studios and our services, check out our web site www.Tiger-Studios.com or contact Kim Adams at mail@Tiger-Studios.com for a free estimate of your next web site or graphic design project.