Hi,

I need to rotate div by 90, 180, 270 and 360 degrees.
For 90 and 270 degree rotation, i interchanged width
and height.
and for 180 and 360 degree rotation, i kept initial

width and height. But in either case, text i.e.

div(innerhtml) is not rotating.

How to achieve this. If there is any formula then let

me know.
How it can be done using sin, cos manipulation.

Also it should work in IE6, IE7,FF1,FF2, FF3, so i

have not used CSS3 property "writing-mode"

Any help will be greatly appreciated.

Thanks in advance

Sunilsinha,

If I understand correctly, what you want is beyond the current capability of HTML/CSS. From what I have read (briefly), write-mode may do what you want but is currently poorly supported (if at all).

For static content, then you could create four images (in eg Photoshop) one for each of the rotations, then show these images appropriately. However, for dynamic content it is harder. I think you would need to write an applet to do the job, then include the applet on the page.

I am not the best person to help you with applets but I hope I have pointed you in the right direction. A Java person would be useful.

Good luck

Airshow

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.