How can i orient table cell data in vertical direction(rotated thru 90 degrees)?

I got to display a very wide report on the web. I am on the look out to reduce horizontal scrolling as much as possible. towards this end I am thinking of vertical orientation of data( ie horizontal text rotated through 90 degrees). Can anione pls help
ashams_sAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

avnerCommented:
Try this approach, thorugh it is IE only, for a cross browser solution use images :

<html>
<head>
<title>about:blank</title>
<script language="javascript1.2">
<!-- copyright(c) avcoh@yahoo.com
window.onload=  function()
{
document.getElementById("ver").style.filter="progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
}
-->
</script>
</head>
<body>
<div>regular text</div>
<div style="position:relative;height:100px;" id="ver">vertical text</div>


</body>
</html>
0
hexagon47Commented:
an alternative you can make it facing left or facing right

<html>
<head>
<style>
.verticalBaseRight { writing-mode: tb-rl;
filter:   flipH() flipV();
}
.verticalBaseLeft
{ writing-mode: tb-rl;
}
</style>


</head>
<body>

<span class="verticalBaseRight">
verticaltext
</span>

<span class="verticalBaseLeft">
verticaltext
</span>

</body>
</html>
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
hexagon47Commented:
an alternative you can make it facing left or facing right

<html>
<head>
<style>
.verticalBaseRight { writing-mode: tb-rl;
filter:   flipH() flipV();
}
.verticalBaseLeft
{ writing-mode: tb-rl;
}
</style>


</head>
<body>

<span class="verticalBaseRight">
verticaltext
</span>

<span class="verticalBaseLeft">
verticaltext
</span>

</body>
</html>
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

ashams_sAuthor Commented:
Thanks a ton hexagon. u r my mate..It worked!! there ends my prob!
0
avnerCommented:
If you are satisfied, select the comment as answer to award the points.
0
COBOLdinosaurCommented:
This question has been classified abandoned. I will make a recommendation to the
moderators on its resolution in a week or two. I appreciate any comments
that would help me to make a recommendation.

<note>
Unless it is clear to me that the question has been answered I will recommend delete.  It is possible that a Grade less than A will be given if no expert makes a case for an A grade. It is assumed that any participant not responding to this request is no longer interested in its final disposition.
</note>

If the user does not know how to close the question, the options are here:
http://www.experts-exchange.com/help/closing.jsp


Cd&
0
COBOLdinosaurCommented:
It is time to clean this abandoned question up.

I am putting it on a clean up list for CS.

<recommendation>
points to hexagon47

</recommendation>

If anyone participating in the Q disagrees with the recommendation,
please leave a comment for the mods.

Cd&

0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.