APRIL 2007
The great thing about the web business is that there is always something new to learn. People are out there trying new things and coming up with interesting, and sometimes useful, pieces of code. This month I thought I would share with you a few things I have learned about CSS.
Enjoy!
Kim Adams, President, Tiger Studios, Inc.
Ask Tiger Studios
A: You can do this easily by adding this attribute to your paragraph style: line-height: 20pt; Have a question that you would like to see in this newsletter? Send them to Tiger Studios |
Things You Might Not Know CSS Can Do
Over the last few months I have been working heavily with Cascading Style Sheets (CSS), and have learned a lot. Some good. Some bad. I thought I might share with you some of the more interesting stylesheet attributes that I have found.
Width and Height in IE
Have you noticed that in some cases the width or height you set in your stylesheet looks great in FireFox but is off in IE? You can fix that with a very simple trick. Keep your width setting for FireFox, but add a new width setting using an asterisk (*). IE will pick that asterisk notation up and use it instead: width: 100pt; *width: 120pt;
Kerning
Sometimes text just needs to be spaced wider. Use this attribute to make it happen: letter-spacing: .2pt;.
PT vs PX
I have found over the years that using pt is better than using px when working with sizes in CSS. Using points (pt) as a measurement is more accurate across platforms and browsers.
Personalized UL Bullets
Don't like the blaa black round or square bullets that HTML gives you for lists? Spice them up with this easy trick: <ul style="list-style-image: url(/images/bullet.gif)">. Just make sure you remember to create your new bullet graphic.
Creating a Line
Tired of adding a graphic or HR line under text to add a design element? Add this simple piece of code: border-bottom: 1px solid #000000;. Want just a right line to the side of your text box? Use this: border-right: 3px solid #000000;.
|
Share This Newsletter! Do you know someone who needs a web site or help with their current web site? Feel free to forward this newsletter or have them sign up for their own copy of our monthly newsletter on the Tiger Studios web site. |
A Little About Tiger Studios
Tiger Studios is an in-demand graphic and web design / development services company which has the proven ability to take concepts and develop them into useful and functional products. We are proud of our professional and creative attitudes and proven customer service records. Combining our experience with our cost efficient services and high-level skills makes for a winning team for any size business.
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.