Using only css, is there a way to display a standard character backward in the user's viewport?
Thanx.Upside-down would work as well.
Thanx.You can't make it upside-down.
<span style="direction: rtl; unicode-bidi:bidi-override;">Some text.</span>Originally posted by Jona
You can't make it upside-down.
<span style="direction: rtl; unicode-bidi:bidi-override;">Some text.</span>
What a pity one can't upside-down it <g>. But it strikes me - if I wanted to try something like that, I'd probably put it in an image and use Paint Shop Pro, and mirror and-or flip the image.
Of course, that would be entirely a different process, with completely different implications for a web page. I think of the need for something like vector-scaled text - is that possible? That is, text drawn as vectors? I'm about to go to jasc.com to study that, because I surely would like to be able to draw vector images; they are so useful - scalable! I don't know how far Paint Shop Pro will go with those; I was tempted by ZonerDraw, but I can't afford to buy it! And the learning curve would be huge for me.
P.S. The eye-of-doG logo on my site is originally a drawing made with Paint Shop Pro's vector shapes, and I think I put vector-text on top of the shapes, if I remember right. (I made layers and then merged them to get the .gif.)
Full-size original image is here; I don't have the layered original available on my site. Too big. And I don't yet know how to set up so people can Download from my site.
Fri, 14 Jan 2005 11:18:23 (PST)Carol,
The direction of text is only recommended for different languages, such as Hebrew, where the direction of the text is the opposite of the normal. It is encouraged to use images (<IMG> tags with ALT text) to represent text that is not in the normal readable format -- for example, vertical text. Also, Scalable Vector Graphics (<!-- m --><a class="postlink" href="http://www.w3.org/Graphics/SVG/">http://www.w3.org/Graphics/SVG/</a><!-- m -->) are a W3C recommendation but are not implemented in many browsers; and in those that support it, the support is very limited. At this time, dynamic XML graphics are not reliable. Hope this helps.Why is that unpredictable? The text comes out like this:
.text moSe Not exactly backwards...but weird.Why is what unpredictable? Also, it was the closest thing to reversed text that there is.Dear Jona,
Originally posted by Jona
Carol,
The direction of text is only recommended for different languages, such as Hebrew, where the direction of the text is the opposite of the normal. It is encouraged to use images (<IMG> tags with ALT text) to represent text that is not in the normal readable format -- for example, vertical text. Also, Scalable Vector Graphics (<!-- m --><a class="postlink" href="http://www.w3.org/Graphics/SVG/">http://www.w3.org/Graphics/SVG/</a><!-- m -->) are a W3C recommendation but are not implemented in many browsers; and in those that support it, the support is very limited. At this time, dynamic XML graphics are not reliable. Hope this helps.
I understand about the text-direction being designed to accommodate languages that read from right to left instead of left to right. That makes sense to me! Is that why or how one could make backwards characters? I could always play with it to find out what happens.
And thanks for your remarks on W3C recommendations - and browser capabilities and reliability! I'm pretty well a freak for reliability. I had too much trouble with my old Win98SE crashing no matter how carefully I maintained my machine (and set things up). XP is a welcome change (the friends who gave me these machines are angels!)
I'm guessing that sticking to what Paint Shop Pro (I'm using version 8.1; can't afford the upgrade to 9) will do - would probably help me assure reliability for people browsing my site.
Oh, I do like to play, though <g>. But when I play, it will be on my own machine, not involving others if I can help it!
Thanks for your help!
Fri, 14 Jan 2005 11:51:40 (PST)The CSS properties reverse the text as a whole not the letters individually. Images are indeed your best, if not only, choice. (Photoshop is my graphics editor of choice; I never really liked PSP much.) SVG will primarily be used for drawing shapes and creating illustrations, not necessarily changing text orientation. Good luck with your experimentation on these properties!Originally posted by Jona
Why is what unpredictable? Also, it was the closest thing to reversed text that there is.
"Some text." backwards should be ".txet emoS", right?Originally posted by Triumph
"Some text." backwards should be ".txet emoS", right?
That's the result I get -- ".txet emoS." Interesting as it may be, when you copy the reversed text and paste it, it is in the proper order again. I noticed similar behavior with the text capitalization properties of CSS. Preserving case is a good thing, but I hadn't noticed it being mentioned in the specification -- apparently, the text is copied as its original source and the CSS only changes the visual appearance. Anyway, perhaps you were testing it in Internet Explorer or you misread it?
Edit: I just tested it in Internet Explorer and it behaves the same as in Firefox.I'll post a screen shot for you in a few minutes.
OK, it is the browser I tested it in (Safari). Sorry. If I take the image out it says ".Some text" (shifts the period to the front)...but with it in it says ".text moSe" as in the picture.
Here is the screenshot:Interesting. I've heard of a few scripting bugs that Safari struggles with, but this one's new!Originally posted by Jona
Interesting. I've heard of a few scripting bugs that Safari struggles with, but this one's new! Maybe they'll name it after me...
Thanx.Upside-down would work as well.
Thanx.You can't make it upside-down.
<span style="direction: rtl; unicode-bidi:bidi-override;">Some text.</span>Originally posted by Jona
You can't make it upside-down.
<span style="direction: rtl; unicode-bidi:bidi-override;">Some text.</span>
What a pity one can't upside-down it <g>. But it strikes me - if I wanted to try something like that, I'd probably put it in an image and use Paint Shop Pro, and mirror and-or flip the image.
Of course, that would be entirely a different process, with completely different implications for a web page. I think of the need for something like vector-scaled text - is that possible? That is, text drawn as vectors? I'm about to go to jasc.com to study that, because I surely would like to be able to draw vector images; they are so useful - scalable! I don't know how far Paint Shop Pro will go with those; I was tempted by ZonerDraw, but I can't afford to buy it! And the learning curve would be huge for me.
P.S. The eye-of-doG logo on my site is originally a drawing made with Paint Shop Pro's vector shapes, and I think I put vector-text on top of the shapes, if I remember right. (I made layers and then merged them to get the .gif.)
Full-size original image is here; I don't have the layered original available on my site. Too big. And I don't yet know how to set up so people can Download from my site.
Fri, 14 Jan 2005 11:18:23 (PST)Carol,
The direction of text is only recommended for different languages, such as Hebrew, where the direction of the text is the opposite of the normal. It is encouraged to use images (<IMG> tags with ALT text) to represent text that is not in the normal readable format -- for example, vertical text. Also, Scalable Vector Graphics (<!-- m --><a class="postlink" href="http://www.w3.org/Graphics/SVG/">http://www.w3.org/Graphics/SVG/</a><!-- m -->) are a W3C recommendation but are not implemented in many browsers; and in those that support it, the support is very limited. At this time, dynamic XML graphics are not reliable. Hope this helps.Why is that unpredictable? The text comes out like this:
.text moSe Not exactly backwards...but weird.Why is what unpredictable? Also, it was the closest thing to reversed text that there is.Dear Jona,
Originally posted by Jona
Carol,
The direction of text is only recommended for different languages, such as Hebrew, where the direction of the text is the opposite of the normal. It is encouraged to use images (<IMG> tags with ALT text) to represent text that is not in the normal readable format -- for example, vertical text. Also, Scalable Vector Graphics (<!-- m --><a class="postlink" href="http://www.w3.org/Graphics/SVG/">http://www.w3.org/Graphics/SVG/</a><!-- m -->) are a W3C recommendation but are not implemented in many browsers; and in those that support it, the support is very limited. At this time, dynamic XML graphics are not reliable. Hope this helps.
I understand about the text-direction being designed to accommodate languages that read from right to left instead of left to right. That makes sense to me! Is that why or how one could make backwards characters? I could always play with it to find out what happens.
And thanks for your remarks on W3C recommendations - and browser capabilities and reliability! I'm pretty well a freak for reliability. I had too much trouble with my old Win98SE crashing no matter how carefully I maintained my machine (and set things up). XP is a welcome change (the friends who gave me these machines are angels!)
I'm guessing that sticking to what Paint Shop Pro (I'm using version 8.1; can't afford the upgrade to 9) will do - would probably help me assure reliability for people browsing my site.
Oh, I do like to play, though <g>. But when I play, it will be on my own machine, not involving others if I can help it!
Thanks for your help!
Fri, 14 Jan 2005 11:51:40 (PST)The CSS properties reverse the text as a whole not the letters individually. Images are indeed your best, if not only, choice. (Photoshop is my graphics editor of choice; I never really liked PSP much.) SVG will primarily be used for drawing shapes and creating illustrations, not necessarily changing text orientation. Good luck with your experimentation on these properties!Originally posted by Jona
Why is what unpredictable? Also, it was the closest thing to reversed text that there is.
"Some text." backwards should be ".txet emoS", right?Originally posted by Triumph
"Some text." backwards should be ".txet emoS", right?
That's the result I get -- ".txet emoS." Interesting as it may be, when you copy the reversed text and paste it, it is in the proper order again. I noticed similar behavior with the text capitalization properties of CSS. Preserving case is a good thing, but I hadn't noticed it being mentioned in the specification -- apparently, the text is copied as its original source and the CSS only changes the visual appearance. Anyway, perhaps you were testing it in Internet Explorer or you misread it?
Edit: I just tested it in Internet Explorer and it behaves the same as in Firefox.I'll post a screen shot for you in a few minutes.
OK, it is the browser I tested it in (Safari). Sorry. If I take the image out it says ".Some text" (shifts the period to the front)...but with it in it says ".text moSe" as in the picture.Here is the screenshot:Interesting. I've heard of a few scripting bugs that Safari struggles with, but this one's new!Originally posted by Jona
Interesting. I've heard of a few scripting bugs that Safari struggles with, but this one's new! Maybe they'll name it after me...