Client Side Things
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Codewalkers Forums > Other Technologies > Client Side Things
Reload this Page

Rotate Text 90 Degrees....

Discuss Rotate Text 90 Degrees.... in the Client Side Things forum on Codewalkers.
Rotate Text 90 Degrees.... Here is a place to talk and ask questions about HTML, CSS, Javascript, and other client side technologies.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Codewalkers Forums Sponsor:
  #1  
Old November 13th, 2005, 05:05 PM
jweizenblut jweizenblut is offline
Contributing User
Codewalkers Novice (500 - 999 posts)
  
Join Date: Apr 2007
Location: Miami, Fl. US
Posts: 522 jweizenblut User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 8 m 29 sec
Reputation Power: 2
Send a message via AIM to jweizenblut Send a message via Yahoo to jweizenblut
Rotate Text 90 Degrees....
I want to make a table where my row headers are rotated 90 degrees. I have some code that alows me to do this. But the cell is really wide.
Here is my code:

php Code:
Original - php Code 
  1.  
  2. <table width=99% border=1 cellspacing=1 cellpadding=1>
  3.   <tr>
  4.     <td align=center bgcolor="#9999CC">
  5.       <font size=2><?php echo "<a href="{$_SERVER['PHP_SELF']}?order=cis_pat_name"><b>CIS PAT NAME</b></a>"; ?>
  6.       </font>
  7.     </td>
  8.     <td>
  9.        <span style="width: 10px; height: 1px; background-color: #9999CC; filter: progid:DXImageTransform.Microsoft.BasicImage(rotat  ion=3);">
  10. <table width="100%" border="1"><tr><td align="center" valign="middle" width="10"><b>COMPLIANCE</b></td></tr></table></span>
  11.      </td>
  12.     </tr>
  13.   </table>


Any help would be truly appreciated.
Reply With Quote
  #2  
Old November 27th, 2005, 03:39 PM
jweizenblut jweizenblut is offline
Contributing User
Codewalkers Novice (500 - 999 posts)
  
Join Date: Apr 2007
Location: Miami, Fl. US
Posts: 522 jweizenblut User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 8 m 29 sec
Reputation Power: 2
Send a message via AIM to jweizenblut Send a message via Yahoo to jweizenblut
RE: Rotate Text 90 Degrees....
After much research, I was able to find out how to do this. Here is the code I used:

php Code:
Original - php Code 
  1.  
  2. <style>
  3.   .rotated_text { font-family: arial; font-size: 10pt; writing-mode: tb-rl; filter: flipH() flipV(); height: 150px; text-align:left; }
  4. </style>
  5.  
  6. <span class=rotated_text>TEXT_TO_ROTATE_HERE</span>
  7.  
Reply With Quote
  #3  
Old November 28th, 2005, 11:15 PM
trippleweb's Avatar
trippleweb trippleweb is offline
Contributing User
Codewalkers Novice (500 - 999 posts)
  
Join Date: Apr 2007
Location: Victoria, BC, Canada
Posts: 702 trippleweb User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 6 h 25 m 54 sec
Reputation Power: 2
RE: Rotate Text 90 Degrees....
Does that work with any browser? or just IE?
Reply With Quote
  #4  
Old November 29th, 2005, 07:55 AM
tkarkkainen's Avatar
tkarkkainen tkarkkainen is offline
Moderator
Click here for more information
 
Join Date: Apr 2007
Location: Finland
Posts: 2,326 tkarkkainen User rank is Lance Corporal (50 - 100 Reputation Level)tkarkkainen User rank is Lance Corporal (50 - 100 Reputation Level)tkarkkainen User rank is Lance Corporal (50 - 100 Reputation Level)  Folding Points: 16550 Folding Title: Novice Folder
Time spent in forums: 6 Days 9 h 39 m 34 sec
Reputation Power: 4
RE: Rotate Text 90 Degrees....
Apparently, it doesn't. I tried with IE, Opera 8.5 and Firefox 1.0.4.

EDIT: Forgot to add that worked only with IE.
Reply With Quote
  #5  
Old November 29th, 2005, 06:13 PM
trippleweb's Avatar
trippleweb trippleweb is offline
Contributing User
Codewalkers Novice (500 - 999 posts)
  
Join Date: Apr 2007
Location: Victoria, BC, Canada
Posts: 702 trippleweb User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 6 h 25 m 54 sec
Reputation Power: 2
RE: Rotate Text 90 Degrees....
I thought not..
Reply With Quote
  #6  
Old December 3rd, 2005, 01:31 AM
jweizenblut jweizenblut is offline
Contributing User
Codewalkers Novice (500 - 999 posts)
  
Join Date: Apr 2007
Location: Miami, Fl. US
Posts: 522 jweizenblut User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 8 m 29 sec
Reputation Power: 2
Send a message via AIM to jweizenblut Send a message via Yahoo to jweizenblut
RE: Rotate Text 90 Degrees....
Unfortunately, it only works on IE.
I am wondering if there is a way to have PHP generete images on the FLY for the text to be displayed vertically. The images would have to be temporary files.
I will keep you guys psoted.
Reply With Quote
  #7  
Old December 3rd, 2005, 04:45 AM
bakertrg's Avatar
bakertrg bakertrg is offline
Contributing User
Codewalkers Regular (2000 - 2499 posts)
  
Join Date: Apr 2007
Location: Scottsdale AZ, US
Posts: 2,253 bakertrg User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 h 48 m 45 sec
Reputation Power: 4
Send a message via Yahoo to bakertrg
RE: Rotate Text 90 Degrees....
you can do this if you have the gd library, imagestringup()
Reply With Quote
Reply

Viewing: Codewalkers Forums > Other Technologies > Client Side Things > Rotate Text 90 Degrees....

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 3 hosted by Hostway.