Text displayed vertically in a table <td></td> 1

[Evan145]

Hi,
A problem Ive been thinking about for a while.
I have an XML file that I apply a stylesheet to.
It simply displays the data in a 'table', <table><tr><td> etc

<xsl:template name="parseStringTableData">
 <xsl:param name="first"/>
 <xsl:param name="rest"/>
    <TD align="center"><font size="1"><xsl:value-of        
                          select="$first"/></font></TD>
    .........

Output..........
------------------------------------------
| | VeryLongHeader1 | VeryLongHeader2 |
------------------------------------------
| 1. | 12 | 3434 |
------------------------------------------
| 2. | 1233 | 88 |
------------------------------------------

Desired output........Headers aligned vertically
-----------------
| | 1 | 2 |
| | r | r |
| | e | e |
| | d | d |
| | a | a |
| | e | e |
| | H | H |
-----------------
| 1. | 12 |3434|
-----------------
| 2. |1233| 88 |
-----------------

Is this possible in simple html?........or does anyone know a neat way of doing it.

Thanks
Evan

 

[vbkris]

u may have to use a loop to do that:
HeaderVal="Header"
for i=o to Len(HeaderVal)
response.write mid(HeaderVal,i,1)&"<br>"
next

thats just a small example...

Known is handfull, Unknown is worldfull

 

[ChrisHunt]

There's no built-in HTML way of displaying headers like that, or of turning them 90 degrees either. You can, however find a few suggested techniques in thread215-848523 , thread215-750221 , thread215-547569 and thread215-537169 .

-- Chris Hunt

http://www.mcgonagall-online.org.uk

http://www.napitalia.org.uk

http://www.leicesteryha.org.uk

 

[Evan145]

Thanks Chris
I used the solution in Thread215-547569 by Boomerang and it worked a treat.

<style>
.verticaltext {
writing-mode: tb-rl;
filter: flipv fliph;
}
</style>
'
'
'
<xsl:template name="parseStringTableData">
 <xsl:param name="first"/>
 <xsl:param name="rest"/>
    <TD align="center"><font size="1">
    <div class="verticaltext"><xsl:value-of select="$first"/></div></font></TD>

The output takes up alot less width now.
Evan

 

[ChrisHunt]

Why not do it like this?

<style>
.verticaltext {
writing-mode: tb-rl;
filter: flipv fliph;
text-align: center;
font-size: small;  /* or 8pt or whatever */
}
</style>
'
'
'
<xsl:template name="parseStringTableData">
 <xsl:param name="first"/>
 <xsl:param name="rest"/>
    <TD class="verticaltext"><xsl:value-of select="$first"/></TD>

Be aware, though, that the text will only be made vertical in IE.

-- Chris Hunt

http://www.mcgonagall-online.org.uk

http://www.napitalia.org.uk

http://www.leicesteryha.org.uk