yossim111799
asked on
width of <TD>
I am generating html using XSL, the problem is that when i get very long text data that cannot be wrapped then the cell is being widen as the text width and then all table is messed.
is there a way in html to force text to be broken, I want the td cells to be fixed width no metter what data needs to be put inside.
is there a way in html to force text to be broken, I want the td cells to be fixed width no metter what data needs to be put inside.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Or maybe you can put the text into a string, truncate the string based on the width of the cell, then put it into the cell.
ASKER
In order to break the string I need to put space in the n character and I dont know how many characters are entered in x width.
so I can only put some fixed number to be truncated.
Is this what you meant , to calculate the number of character that can be enetred in this width and then always truncate according to this number ?
so I can only put some fixed number to be truncated.
Is this what you meant , to calculate the number of character that can be enetred in this width and then always truncate according to this number ?
Yes, truncate at a fixed number.
What do you think about the edit box idea?
What do you think about the edit box idea?
ASKER
the edit box is not good for me.
there is no other way in html to force the width of the cell on the text ?
there is no other way in html to force the width of the cell on the text ?
I can give you an IE5+ only solution:
in the head:
<style>
table {table-layout:fixed}
<style>
then on the cells that are a problem:
<td style="width:60;overflow-x
the overflow-x will cause the cell to be scrollable when the data is
to wide by adding scroll bars.
If you jsut want to truncate the date use overflow-x:hidden instead.
As I said it's IE5+ only in Netscrap you are out of luck.
Cd&
in the head:
<style>
table {table-layout:fixed}
<style>
then on the cells that are a problem:
<td style="width:60;overflow-x
the overflow-x will cause the cell to be scrollable when the data is
to wide by adding scroll bars.
If you jsut want to truncate the date use overflow-x:hidden instead.
As I said it's IE5+ only in Netscrap you are out of luck.
Cd&
If you don't mind fixed width table columns:
not nice, not performant, not in the idea of HTML, but works on all browsers ('till memory overflow).
<table border="1" width="80%">
<tr>
<td><table border="0" width="200">
<tr> <td></td> </tr>
</table>
</td>
<td><table border="0" width="100">
<tr> <td></td> </tr>
</table>
</td>
<td width=100%><td></td>
</tr>
</table>
not nice, not performant, not in the idea of HTML, but works on all browsers ('till memory overflow).
<table border="1" width="80%">
<tr>
<td><table border="0" width="200">
<tr> <td></td> </tr>
</table>
</td>
<td><table border="0" width="100">
<tr> <td></td> </tr>
</table>
</td>
<td width=100%><td></td>
</tr>
</table>
ASKER
Sorry , but it seem there is no solution in html to my problem.
Hi yossim,
You've requested to delete this question, but its status remains as 'Pending Delete' because one or more comments have been added. Normally, the only way to fully delete such a Question is to post a message to Community Support and ask for assistance.
EE is making a one-time database sweep to purge the Pending Delete Questions automatically. During this sweep:
yossim -- To allow the deletion to proceed: Do nothing.
EXPERTS -- Please DON'T POST a comment except to contest this deletion.
In the future, please refer to https://www.experts-exchange.com/jsp/cmtyHelpDesk.jsp#8 for instruction on deleting questions.
DanRollins -- EE database cleanup volunteer
You've requested to delete this question, but its status remains as 'Pending Delete' because one or more comments have been added. Normally, the only way to fully delete such a Question is to post a message to Community Support and ask for assistance.
EE is making a one-time database sweep to purge the Pending Delete Questions automatically. During this sweep:
yossim -- To allow the deletion to proceed: Do nothing.
EXPERTS -- Please DON'T POST a comment except to contest this deletion.
In the future, please refer to https://www.experts-exchange.com/jsp/cmtyHelpDesk.jsp#8 for instruction on deleting questions.
DanRollins -- EE database cleanup volunteer
I should not be deleted.
All he workarounds were given. The comments of a.marsh, ahoffmann, and me are all valid. The experts are not responsible for the limits of HTML within current browsers.
Cd&
All he workarounds were given. The comments of a.marsh, ahoffmann, and me are all valid. The experts are not responsible for the limits of HTML within current browsers.
Cd&
It is time to clean this abandoned question up.
I am putting it on a clean up list for CS.
<recommendation>
split COBOLdinosaur, a.marsh, and ahoffmann
</recommendation>
If anyone participating in the Q disagrees with the recommendation,
please leave a comment for the mods.
Cd&
I am putting it on a clean up list for CS.
<recommendation>
split COBOLdinosaur, a.marsh, and ahoffmann
</recommendation>
If anyone participating in the Q disagrees with the recommendation,
please leave a comment for the mods.
Cd&
Per recommendation, force-accepted.
Netminder
CS Moderator
COBOLdinosaur: points for you at https://www.experts-exchange.com/jsp/qShow.jsp?ta=html&qid=20315290
ahoffmann: points for you at https://www.experts-exchange.com/jsp/qShow.jsp?ta=html&qid=20315291
Netminder
CS Moderator
COBOLdinosaur: points for you at https://www.experts-exchange.com/jsp/qShow.jsp?ta=html&qid=20315290
ahoffmann: points for you at https://www.experts-exchange.com/jsp/qShow.jsp?ta=html&qid=20315291
That way, the data would truncate, but the users can still scroll to see the rest of the data.
<HTML>
<HEAD>
<TITLE>Width Test</TITLE>
</HEAD>
<BODY>
<table border=5>
<tr>
<td width=12 height=10>
This is a test of_the_emergency_width_sys
</td>
<td>ASDF</td>
</tr>
<tr>
<td>ASDF</td>
<td width=12 height=10>
<input type=text
value='This is a test of_the_emergency_width_sys
</input>
</td>
</tr>
</table>
</BODY>
</HTML>