Viewing all articles tagged "XHTML".
Recently I figured out a cleaner way of lining up address details in a simple definition list and thought I would share it on here.
You can preview the html and css to see how it scales nicely (using em’s for the measurements). You could take off the borders and background colour etc and just use the CSS to line up the addresses or style it some more with background images etc. Have a play about if you need to line up contact details like this.
I tested it on Win IE 6 & 7, Win & Mac Firefox 1.5 +, Safari and Opera 9+.
Read the rest of this entry »
Having pixel precision of your text on screen can be a fiddly task, especially across a complex site where there are data tables, forms and lists etc. Here are some of the css rules that can help you along the way to styling and controlling your text.
CSS Rules (not exhaustive):
- font-family (sans-serif;)
- font-style (italic; oblique; normal;)
- font-variant (italic; normal;)
- font-weight (normal; bold; bolder; lighter; 100;)
- font-stretch (normal; wider; narrower; ultra-condensed;)
- font-size (keywords; length; percentage;)
- text-indent (length; percentage;)
- text-align (left; right; center; justify;)
- text-decoration (none; underline; overline;)
- letter-spacing (normal; length;)
- word-spacing (normal; length;)
- text-transform (capitalize; uppercase; lowercase; none;)
Read the rest of this entry »
