Hi,
I am trying to write some text in a table so that it flows bottom to top, left to right - in other words rotate it 90degrees anti-clockwise.
now, the following style does this for IE 5.5 and above
.vertical
{
writing-mode: tb-rl;
filter: flipv fliph;
}
Now the problem is that IE5.0 recognises the filter bit, but not the writing-mode bit and you end up with text that is upside-down, which is no good at all.
What I would like is to have the full vertical style for IE5.5 and above and no change for everything else.
Is there a way to specify this in CSS?I've never seen anyone do that...
The nearest thing I can think of is the direction property, (<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-direction">http://www.w3.org/TR/REC-CSS2/visuren.h ... -direction</a><!-- m -->) but that only does left or right.
An image wouldn't be any good?In the end, I discovered that the <CENTER> tag doesn't support filter flipv or fliph in IE5.0, but it does in IE5.5
so if I wrap the text in a <CENTER> tag and apply the style to that, I either get the flip AND the rotate, or I get neither, which is what I want.
You could use the IE only conditional comments (<!-- m --><a class="postlink" href="http://www.javascriptkit.com/howto/cc.shtml">http://www.javascriptkit.com/howto/cc.shtml</a><!-- m -->), as you are using an IE only filter, anyway:
<!--[if gte IE 5.5]>
<style type="text/css">
body {color:red;}
</style>
<![endif]-->That will keep you from having to use the depreciated <center> tag.Ta Pyro,
I Like that even better!Yeah, me too...
I am trying to write some text in a table so that it flows bottom to top, left to right - in other words rotate it 90degrees anti-clockwise.
now, the following style does this for IE 5.5 and above
.vertical
{
writing-mode: tb-rl;
filter: flipv fliph;
}
Now the problem is that IE5.0 recognises the filter bit, but not the writing-mode bit and you end up with text that is upside-down, which is no good at all.
What I would like is to have the full vertical style for IE5.5 and above and no change for everything else.
Is there a way to specify this in CSS?I've never seen anyone do that...
The nearest thing I can think of is the direction property, (<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-direction">http://www.w3.org/TR/REC-CSS2/visuren.h ... -direction</a><!-- m -->) but that only does left or right.
An image wouldn't be any good?In the end, I discovered that the <CENTER> tag doesn't support filter flipv or fliph in IE5.0, but it does in IE5.5
so if I wrap the text in a <CENTER> tag and apply the style to that, I either get the flip AND the rotate, or I get neither, which is what I want.
You could use the IE only conditional comments (<!-- m --><a class="postlink" href="http://www.javascriptkit.com/howto/cc.shtml">http://www.javascriptkit.com/howto/cc.shtml</a><!-- m -->), as you are using an IE only filter, anyway:<!--[if gte IE 5.5]>
<style type="text/css">
body {color:red;}
</style>
<![endif]-->That will keep you from having to use the depreciated <center> tag.Ta Pyro,
I Like that even better!Yeah, me too...