Rotate text to vertical orientation?

Joseph_Sliker

Hi;

I've been digging for a while this morning, can't seem to find any basic html or php solutions for this one...

Is there an easy way to turn a text string to vertical? (rotate the whole string, not just stack the horizontal characters).

The field names in my MySQL tables tend to be a bit longer than the actual data, and when I want to display raw table data with the associated column names on top, output gets ridiculously wide. If the column width was not determined by the length of the fieldname, it would help a lot, but I do need to show the full field name and rotation by 90 or 270 degrees would be a big help.

Thanks.

Shrike

Try using Google

Joseph_Sliker

At first I thought your response was just a snide remark. Shame on me for thinking that!

Sorry.

I didn't see that that you had just the right search terms buried under your link.

Thanks!

Shrike

Hehe it was a wee bit snide 🙂

parawizard

hmm im not sure depending on how ur using the image you could rotate image draw text rotate image back and display

just a thought 🙂

Shrike

If think the idea is to have vertical system text, not an image 🙂

parawizard

Originally posted by Shrike
If think the idea is to have vertical system text, not an image 🙂

LOL opps i was thinking of GD but in GD u can just rotate text changing the $angle variable 🙂


ImageTTFText ($img_handle, 9, $angle, 5, 12, $txt_color, "\fonts\gunship.ttf",$hits);

im not sure how else u would do this :S

Joseph_Sliker

The solution Shrike pointed me to works like this:

Put the following in the text/css section of the page head:

When the php part of the script gets to the point of forming the table results drawn from the MySQL table, I call the verticaltext thingie as part of some <div> tags like so:

This creates the heading/top row of the result table and sets the fieldnames on their side...just like I wanted.

//the MYSQL_ASSOC gets field names instead of numbers.  I've also added 3 extra columns at the left side of the table to hold the RecordID number and EDIT and DELETE buttons
while ($line = mysql_fetch_array($result, MYSQL_ASSOC)) { 
   if ($row == 1) { 
      echo "\t<tr bgcolor=\"$row_color\"><th><div id=\"verticaltext\">Record&nbsp;ID</div></th><th><div id=\"verticaltext\">EDIT</div></th><th><div id=\"verticaltext\">DELETE</div></th>\n"; 
      foreach ($line as $col_key => $col_value) { 

      echo "\t\t<th><div id=\"verticaltext\">$col_key</div></th>\n"; 
  } 
  echo "\t</tr>\n"; 
   }

It's a gorgeous, simple solution that requires a minimun of code. The only thing I have not figured out yet is how to get the column names to align to the bottom of the header cell. I should be able to puzzle that out eventually.

Thanks again, Shrike.