> How about something like this?  It's a bit heavy in the additional
> markup, but it seems to do what you're looking for (at least in FF 1.5
> and IE6):

That is horrible. It is the CSS equivalent of nested FONT tags and
table layouts. I'd use an image (sized in ems) with a proper
alternative text to achieve the effect and keep it easier to maintain.

MSIE has a proprietary matrix selector (sans Kung Fu sadly enough) for
that kind of stuff, too:
http://msdn.microsoft.com/workshop/author/filter/reference/filters/matrix.asp

For MSIE only stuff you could do:
<div class="diagonal">test</div>

.diagonal {width:8em;height:1em;background: #eee;
filter:progid:DXImageTransform.Microsoft.Matrix(M11='0.7071067811865476',
M12='0.7071067811865475', M21='-0.7071067811865475'
,M22='0.7071067811865476', sizingmethod='auto expand'); }

Cryptic? Why yes!
This might help, just enter the degrees you want the thing to turn:

http://icant.co.uk/sandbox/matrixshenanigans.html

Chris
--
Chris Heilmann
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
Binaries: http://www.onlinetools.org/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to