How to create label with vertical text?

mat41 · January 18th, 2006, 06:33 PM

Larkin

Interesting you are correct. It doesnt print inside a <div> tag however does inside a <td>:

<div class="vertical">inside div tag</div>
<bR><br>
<table>
  <tr>
   <td class="vertical">inside table</td>
  </tr>
</table>

FYI : The <div> tag text shows on the print preview but does not print

Wind is your friend
Matt

Larkin · January 18th, 2006, 07:04 PM

Matt,

Thanks for your quick reply. Didn't know if I would get a reply since the discussion was started in 2004. Anyway, I am using <TD> rather than <div>. Specifically:

<HTML>
  <HEAD>
    <STYLE type="text/css">.verticaltext { FONT-SIZE: 10px;
    FILTER: flipv fliph; FONT-FAMILY: veranda, Arial, helvetica,
    sans-serif; WRITING-MODE: tb-rl }
</STYLE>
</HEAD>
<BODY>
<FORM>
    <TABLE id="tblHeaders" style="Z-INDEX: 102; ...>
      <TR>
         <TD class="verticaltext"
            style="WIDTH: 20px">Text to Show</TD>
    </TR>
     </TABLE>
</FORM>
</BODY>
</HTML>

I still can't print correctly. The vertical text is flipped upside down.

mat41 · January 18th, 2006, 09:02 PM

Strange - I can print yours, not sure what to say...

Does your print preview reflect what gets printed

Wind is your friend
Matt

Larkin · January 19th, 2006, 03:13 PM

Matt,

Print preview does reflect what is printed when the vertical text is in a table; but I found that it does NOT reflect what is printed when it is contained in a label, rather than a table. I am printing to an HP Laserjet 8000 DN, but I also tried sending it to a Cannon printer. What are you printing with?

mat41 · January 19th, 2006, 07:30 PM

HP - Its not the printer, what browser and version are you using?

;;;style="Z-INDEX: 102;
why do you have a z-index inside a <table> tag

;;;but I found that it does NOT reflect what is printed when it is contained in a label
What is a label?

Any how I can print yours. Yours is inside a <TD>

Wind is your friend
Matt

Andraw · April 7th, 2006, 03:52 PM

Yes,I test it, it look fine, but when you preview it, it looks exactly like you just use "WRITING-MODE: tb-rl", filter doesn't work.

Thanks!

grhind · January 30th, 2008, 05:17 PM

I have the same problem with IE6 and IE7 I have a lot of information on my page and when it finally reaches this point it jumps to the next page... strange... however if i remove the style tag it prints fine except that the text isn't vertical the way i want it.

<span style="writing-mode:tb-rl" >Expecting this to print properly</span>

rustabust · September 19th, 2008, 02:30 PM

just a note:

I spent all day trying to put some vertical text overtop of a section of a table I've been working on...had similar problems with printing. (showed up in print preview but not on paper!)

In the end, I took out the filter property and it finally printed. Granted the text read top to bottom instead of bottom to top like i wanted, but its time to move on to something else...

Did not print:
<div style="writing-mode: tb-rl; filter: flipv fliph"> Vertical text </div>

DID print:
<div style="writing-mode: tb-rl">Vertical Text </div>

--Rustabust