(CSS) Turning text 90 degrees. **Resolved**

[msimmons]

I want to turn some text 90 degrees (like the right side of http://www.webfx.eae.net/ ). I think I have seen how to do it somewhere but cannot find it.
Thanks
Michael

[Rick Bull]

This is a IE only thing, and I've never used it so I found the source and I think this is how to do it:

<p style="writing-mode:	tb-rl; filter:flipH() flipV()">
  This is some text
</p>

[msimmons]

you are correct on both counts. Sorry, I found the answer (he had his .css file tucked away but I got to it) but got cought up in something else so forgot to post that i did.
Thanks
Michael

[Rick Bull]

That's OK. I can't really see the point of him trying to hide that CSS file anyway, it wasn't exactly hard to get it

[msimmons]

and it's not like css is something to be hidden. I hide my javascript (so it will take my competitors a year or so to catch up) but even that is possible to sniff out.
Michael

[msimmons]

OK problem.
It isn't working for me. I'm using IE5.5 heres my code.

.90degrees		{filter:flipH() flipV();}

<span id="propertyinvoiceGuestName" name="propertyinvoiceGuestName" class="90degrees">Guest Name</span>
<span id="propertyinvoiceArrivalDate" name="propertyinvoiceArrivalDate" class="90degrees">Arrival Date</span>
<span id="propertyinvoiceDepartureDate" name="propertyinvoiceDepartureDate" class="90degrees">Departure Date</span>
<span id="propertyinvoiceReservationNumber" name="propertyinvoiceReservationNumber" class="90degrees">Reservation Number</span>
<span id="propertyinvoiceRevenue" name="propertyinvoiceRevenue" class="90degrees">Revenue (in hotel currency)</span>
<span id="propertyinvoiceBookingfee" name="propertyinvoiceBookingfee" class="90degrees">Booking fee</span>
<span id="propertyinvoiceExchangeRate" name="propertyinvoiceExchangeRate" class="90degrees">Exchange Rate</span>
<span id="propertyinvoiceSystemFee" name="propertyinvoiceSystemFee" class="90degrees">System Fee</span>
<span id="propertyinvoiceUSDAmount" name="propertyinvoiceUSDAmount" class="90degrees">USD Amount</span>
<span id="propertyinvoiceMinReservationFee" name="propertyinvoiceMinReservationFee" class="90degrees">Min Reservation Fee</span>
<span id="propertyinvoiceAdjustedAmount" name="propertyinvoiceAdjustedAmount" class="90degrees">Adjusted Amount (total)</span>

thanks
ms

[msimmons]

OK. check it

this is what rotates it:
writing-mode:tb-rl;

but that turns it 90degrees clockwise so the last letter is pointing down... so then we use:
filter:flipH() flipV();

to point it upwards

Michael