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>
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,196
|
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!
|