471,594 Members | 1,690 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,594 software developers and data experts.

Need Help: Side Ways Text?

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.

Expand|Select|Wrap|Line Numbers
  1. writing-mode: tb-rl;
  2.  
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!
Oct 5 '07 #1
3 2875
Death Slaught
1,137 1GB
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.

Expand|Select|Wrap|Line Numbers
  1. writing-mode: tb-rl;
  2.  
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
Oct 5 '07 #2
drhowarddrfine
7,435 Expert 4TB
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.
Oct 5 '07 #3
Navy04
1
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.

Expand|Select|Wrap|Line Numbers
  1. writing-mode: tb-rl;
  2.  
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!
Mar 31 '08 #4

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

reply views Thread by abcd | last post: by
3 posts views Thread by Mike | last post: by
4 posts views Thread by Adrienne | last post: by
reply views Thread by leo001 | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.