Hi, Someone in my group asked if I could find a way to rotate text using CSS to be used in a table header. It will be in an internal site and we are only interested in IE6 IE7 and IE8
I found this article http://www.kavoir.com/2009/08/css-rotate-text-image-elements-by-90-180-or-270-degrees.html and got it to work in -webkit and -moz (Firefox 3.5) but how do you get it to work in IE? Here is what I have so far and have and haven't put it in a table yet and only the year will rotate. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style> .year {display: block; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } *html .year {display: block; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} </style> </head> <body> <div class="example-date"> <span class="day">31</span> <span class="month">July</span> <span class="year">2009</span> </div> </body> </html> Thanks in advance Nancy ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/