[SOLVED] centering text in a table cell and using transform:rotate at the same time.

Dafydd · 05-04-2012, 02:27 AM

I am trying to get the rotated text to center virtically within the table cell. Several places in W3School tells me that you can virtically place the text in a table cell.

I have tried the following:

Code:

<tr valign="middle">
.updown {vertical-align:middle;}
<tr class="updown">
vertical-align:middle;

None seem to work. Am I asking html to do something it is not capable of doing?
Any help would be appreciated.

The not working code can be viewed here.
http://www.texasflyfishers.org/SFS/2...pril-2012.html

And this if needed. Oneiric Ocelot - Gnome3 - Opera 10.11 - Firefox 11

Babertje · 05-04-2012, 03:24 AM

maybe this works

Code:

.updown {vertical-align:middle; transform:rotate(270deg);}

Dafydd · 05-04-2012, 10:21 PM

Thank you for getting me thinking sideways. I was classing in the wrong order.

This works:

Code:

<td class="updown"><p class="skew">...........

Everything I was doing was working on the text in the window. I needed to place the window in the middle of the table data cell and THEN rotate the paragraph.

Again thanks.
Dave