Rotation of text

nakhan81 · #1 (**permalink**) Jul 14th, 2007, 21:16

Hi,

I want to rotate a character of an html text. Say in Post, I want to rotate character P by 180 degree in clockwise direction, then rest of the character should come as it is in the same line.

So this 'Post' should look like 'dost'. Curently I am doing it by dximage transform.

HTML: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; 
charset=unicode">
<meta content="MSHTML 6.00.2800.1106" name="GENERATOR">
</head>
 
<body 
onload="myspan.style.filter='progid:DXImageTransform.Microsoft.BasicImage
(rotation=2)'" bgcolor="#ffffff">
<p><font face="Courier New" color="#000080" 
size=2>
 
<span id="myspan" style="WIDTH: 0px; HEIGHT: 0px"><font 
face=Verdana>P</font> </span>ost<br>
</font></p>
 
</body>
</html>

Can I do the same by javascript or by css?

Warm Regards
Naseem

balaclave · #2 (**permalink**) Jul 14th, 2007, 21:29

Quote:

Can I do the same by javascript or by css?

Is it something like this you are looking for?

If it is, you can download the javascript here (or click "Download the Javascript" on the page).

.s1ɐuıbıɹo ǝɥʇ ɟo suoısɹǝʌ pǝʇɹǝʌuı ǝq oʇ ɹɐǝddɐ ʇɐɥʇ sɹǝʇʇǝ1 ɹǝɥʇo oʇ sɹǝʇʇǝ1 sʇɹǝʌuoɔ ʇı

nakhan81 · #3 (**permalink**) Jul 16th, 2007, 11:11

By this way, I can rotate character by 180 degree but not all as it uses unicode character. Say I want to rotate K by 180, Can I do that by your code? I checked unicode character and I did not find unicode value corresponding to 180 rotated K.

Thanks

balaclave · #4 (**permalink**) Jul 16th, 2007, 11:52

It doesn't actually rotate the characters, it just replaces them with characters that look like upside down versions of the originals.

Quote:

ʞ

nakhan81 · #5 (**permalink**) Jul 17th, 2007, 04:35

Yeah true. It replaces it with Unicode character which looks like mirror image of that. It does not invert it.

But I can't find Unicode value for all inverted english alphabets. Is there another way of doing this? What about JavaScript? Or css?

I did by span tag by setting its style attribute writing-mode; tb-rl, but that rotate it by 90 degree not by 180 degree.

In fact the code which I have posted earlier i.e., rotation by DXImageTransform is working fine both onIE as well as on Mozilla. But when I want to use the same html file as a signature in outlook, I am not getting the effect of rotation in Microsoft outlook. My outlook message format is set to html.

Naseem

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Image Rotation	Sean J	JavaScript Forum	2	Jul 2nd, 2007 13:46
Microsoft:- Rotation Program Manager	rose	Job Opportunities	0	Feb 7th, 2007 02:27
Rotation	tomd1985	JavaScript Forum	1	Oct 13th, 2006 17:40
5 image rotation	saltedm8	JavaScript Forum	8	Jun 13th, 2006 16:05
Banner Rotation Script?	Jdinh04	JavaScript Forum	3	May 16th, 2005 23:27

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Rotation of text