468,257 Members | 1,465 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,257 developers. It's quick & easy.

Problem: grey shadow in CSS vertical text

I'm trying to implement bottom-to-top vertical text using CSS attributes in IE :
writing-mode: tb-rl;
filter: flipv fliph;

But I have encountered the following: the text is displayed with a grey shadow (instead of anti-alias).

It seems that the problem is caused by the "filter:flip" attribute. Does anyone have a work around? (If I write the same text without the "filter" attribute, the grey shadow disappears but my text is written top-to-bottom!)

Here's my stylesheet:

Expand|Select|Wrap|Line Numbers
  1. .verticaltext{
  2.         font-family: Arial;
  3.         font-size: 13px;
  4.         font-weight:bold;
  5.         color:#FF9100;
  6.         position:absolute; top:1px; height:90px;
  7.         width: 16px;
  8.         writing-mode: tb-rl;
  9.         filter: flipv fliph;
  10. }
and here's the HTML:

Expand|Select|Wrap|Line Numbers
  1. <div class="verticaltext">Vertical Text</div>
I have also tried to use other CSS3 attributes like:
block-progression: ttb;
direction : rtl;

but they don't seem to work in IE.

Does someone know how to remove the grey shadow or know of another way to implement the bottom-to-top vertical text?
Jan 11 '08 #1
4 2503
Death Slaught
1,137 1GB
Well there is this problem.

Thanks, Death
Jan 11 '08 #2
Do you know some way to implement the bottom-to-top vertical text?
Jan 11 '08 #3
Death Slaught
1,137 1GB
No sorry I don't know of any. However, I'm sure someone does. Keep checking back.

Thanks, Death
Jan 11 '08 #4
7,435 Expert 4TB
As Death is showing, there is no such thing as the CSS attribute 'writing-mode' or 'filter' (IE only). 'direction' should work but the other I don't think exists in CSS3 either.

Sorry, I don't know anything about 'writing-mode' or 'filter's and I wouldn't use them.
Jan 11 '08 #5

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

3 posts views Thread by Robert Dell | last post: by
1 post views Thread by Gary Brizard | last post: by
5 posts views Thread by Peter Verijke | last post: by
2 posts views Thread by swethak | last post: by
reply views Thread by kermitthefrogpy | last post: by
reply views Thread by zattat | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.