Need Help: Side Ways Text?

[cpuphantom]

Hi All,

So here's the thing... I program a website that generates reports. Those reports are often columns of numbers and because it's numbers, the columns don't have to be very wide. There are also lots of columns, and I'm trying to keep it from being wider than a page. The problem is the column header titles are often several words long and it stretches my columns out too much.

So I found the following style code that appears only to work in IE and not FF. It turns text sideways for me (like in Excel) so that my columns aren't too wide.

writing-mode: tb-rl;

It works for the most part... it rotates it clockwise instead of counter-clockwise but people get used to it. But it doesn't work in Firefox at all. Further, when I try and print it in IE it does weird things... like create page breaks where it shouldn't.

I need to use text and can't just use Graphics since this web page has a translation table that translates into a few other languages... if I do graphics, I'll have to find a way to constantly maintain those graphics.

Ideas would be most appreciated. Thanks!

[Death Slaught]

Hi All,

So here's the thing... I program a website that generates reports. Those reports are often columns of numbers and because it's numbers, the columns don't have to be very wide. There are also lots of columns, and I'm trying to keep it from being wider than a page. The problem is the column header titles are often several words long and it stretches my columns out too much.

So I found the following style code that appears only to work in IE and not FF. It turns text sideways for me (like in Excel) so that my columns aren't too wide.

writing-mode: tb-rl;

It works for the most part... it rotates it clockwise instead of counter-clockwise but people get used to it. But it doesn't work in Firefox at all. Further, when I try and print it in IE it does weird things... like create page breaks where it shouldn't.

I need to use text and can't just use Graphics since this web page has a translation table that translates into a few other languages... if I do graphics, I'll have to find a way to constantly maintain those graphics.

Ideas would be most appreciated. Thanks!

Sup cpuphantom, Welcome to TSDN!

Please post all of your code so we can see if the problem is there.

Also if the header is text that you put there, and is not called for, then you could use a breaking line ( <br> in HTML and <br /> in XHTML ) to move down to the next line, but that's most likley not what your looking for. ( It's rather messy as a header, well in tables at least ).

Thanks, Death

[drhowarddrfine]

The markup you show is non-standard and won't work in any browser but IE. There are codes to show upside-down characters but I have seen a side ways method somewhere on the 'net before but don't recall where.

[Navy04]

Hi All,

So here's the thing... I program a website that generates reports. Those reports are often columns of numbers and because it's numbers, the columns don't have to be very wide. There are also lots of columns, and I'm trying to keep it from being wider than a page. The problem is the column header titles are often several words long and it stretches my columns out too much.

So I found the following style code that appears only to work in IE and not FF. It turns text sideways for me (like in Excel) so that my columns aren't too wide.

writing-mode: tb-rl;

It works for the most part... it rotates it clockwise instead of counter-clockwise but people get used to it. But it doesn't work in Firefox at all. Further, when I try and print it in IE it does weird things... like create page breaks where it shouldn't.

I need to use text and can't just use Graphics since this web page has a translation table that translates into a few other languages... if I do graphics, I'll have to find a way to constantly maintain those graphics.

Ideas would be most appreciated. Thanks!

Hi,
I am having the same issue of page breaks with the 'writing-mode' property when printing the text.Did you find any solution?

Thanks!