Rotate text orientation in browser

twospoons · Jun 6, 2003

hello all,

i'm not even sure if this idea is possible but here goes...

i am looking for a way to display text in different directions on the same webpage. example:

text>>>

^
^
^
t
x
e
t

like i said it may not be possible but if so could someone point me down the right path. thanks in advance.

jemminger · Jun 6, 2003

in IE, you can do this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>flipped</title>
<style type="text/css">

#flipped_out {
position: absolute;
background: threedface;
padding:5px;
font:menu;
white-space:nowrap;
top: 100px;
left: 100px;
writing-mode: tb-rl;
filter: flipH() flipV();
}
</style>
</head>

<body>
<form>
<div id="flipped_out">text>>></div>
</form>
</body>
</html>

i'm not sure if NS/Mozilla can do it.

=========================================================
try { succeed(); } catch(E) { tryAgain(); }
-jeff

http://www.jeffemminger.com

xutopia · Jun 6, 2003

you could also use a script to place each character in the position you want using String.charAt(index).

Gary

http://www.xutopia.com

Haran
==========================

twospoons · Jun 9, 2003

thanks for the help...

a friend sent me this code which does what i'm looking for:

<div style="width:400px; height:400px; filter: progid

XImageTransform.Microsoft.BasicImage(rotation=3)">look at this text!</div>

thanks again

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Rotate text orientation in browser

twospoons

IS-IT--Management

jemminger

Programmer

xutopia

Programmer

twospoons

IS-IT--Management

Similar threads

Part and Inventory Search

Sponsor