asked on

How to force line break in table cell..

Hi Guys..
I have a tablecell witch is filled dynamically.. The cell can contain lets say 15 letters.
If one text is 16+ Letters my design gets screwed up.. How do i break the text in two lines even if its one word???? What part of HTML 101 did i miss??
And no, i cant use arrays and so on.. this is MANY rows..

Please.. tired.. help..

Mattis

ASKER CERTIFIED SOLUTION

zapthedingbat

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

SOLUTION

pepsichris

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

mattisflones

ASKER

Hi guys, thanx for the input..
I`ve tried STYLE="word-wrap:break-word;" on the TD`s, P`s, TR`s and DIV`s... Doesnt work...

The table is 100Px wide, i need the tablecell to adjust height according to rows of text inside each cell.

The overflow:hidden sounds like a solution, but how to apply??? it isnt a Style is it? And could you give me examples on how to apply the table-layout:fixed thingey??

mattisflones

ASKER

Btw.. 500 on this one now...

mattisflones

ASKER

This is the code.. The table is extended by repeats outside it..

<table width="100" border="0" cellpadding="2" cellspacing="2">
<tr>
<td align="left" valign="top"> <div align="left"><font size="1" face="Times New Roman, Times, serif"><%= DoDateTime((Recordset1.Fields.Item("Doppdatert").Value), 2, 1030) %></font><br>
<a href="nyheter.asp?nid=<%=(Recordset1.Fields.Item("nid").Value)%>"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><%=left(Recordset1.Fields.Item("header").Value,35)%></font></a></div></td>
</tr>
</table>

mattisflones

ASKER

Actually this one worked...

<td align="left" valign="top" width="100" STYLE="word-wrap:break-word;width:89;left:0">

89 instead of 100...

Thanks for your efforts guys!

pepsichris

A bit like so:

<html>
<head>
<title>Whatever</title>

<style type="text/css">

table {
table-layout:fixed;
width: 200px
}

.scroller {
overflow: hidden;
text-align: left
}

</style>

</head>

<body bgcolor="#FFFFFF">

<table>
<tr>
<td><div class="scroller">Veryveryveryveryveryveryveryveryveryveryverylongword<br>
<a href="something.htm">quitequitequitequitelongword</a></div></td>
</tr>
</table>
</body>

pepsichris

As I said before, "word-wrap:break-word;" will only work in IE, Versions 5.5 upwards, incidentally, so a great deal of your users won't see that and it'll screw it up big time for them.

mattisflones

ASKER

I know! Thanks.. Its only going to be used in IE 5.5+ anyway...
Ill try the hidden stuff too..