Welcome Guest Search | Active Topics | Sign In | Register

EO.PDF -Vertical Text as header in Table with correct word breaks Options
alex
Posted: Wednesday, July 23, 2014 11:40:43 AM
Rank: Newbie
Groups: Member

Joined: 7/23/2014
Posts: 3
Hi there,

I've got a problem with EO.PDF.
The vertical text of the header in a table does not wrap correctly when text is too long (see html below).

Is there a better way to change the alignment to vertical, or fix for this?

Thanks and best regards,
Alex

Quote:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<style type="text/css">
.verticalText { width: 20px; padding-left: 10px; padding-right: 3px; white-space: nowrap; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }
</style>
</head>
<body>
<table style="width:100%; margin-top:10px;">
<thead style="height:150px; vertical-align:bottom; ">
<tr style="background-color:orange; height:300px;">
<td>test</td>
<td style="width:70px;"><div class="verticalText"><pre>Header 1 test123 test123 test123 test123 test123</pre></div></td>
<td style="width:70px;"><div class="verticalText">Header 2</div></td>
</tr>
</thead>
<tbody>
</tbody>
</table>
</body>
</html>
eo_support
Posted: Wednesday, July 23, 2014 3:56:03 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,066
Hi,

Thanks for posting in the forum. I believe the root of the problem is you have "white-space:nowrap" in your CSS.

In the future you will need to troubleshoot such problem yourself since we do not troubleshoot your HTML. As a quick test, you can try to open the page in Google Chrome browser and see if it has the same problem. If it demonstrates the same problem in a regular browser, then the problem is in your HTML and you will need to fix your HTML. Obviously we are not in a position to troubleshoot your HTML code. Also please keep in mind that different browser engines may render the same HTML differently. Our rendering engine is based on WebKit, which is what Chrome browser was originally based on. So you always want to use Chrome browser to verify your HTML.

Thanks!


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.