Question about text wrap

[ds111]

Hi!

 

  I have a question. In a table, I'm echoing some text from a database. How can i make it so that only the text that fits in that <td> is shown? Meaning it doesnt extend the td?

 

Thanks!

[ds111]

if anyone wants simplified code (w/o PHP), here it is:

 

<table cellspacing="0" cellpadding="0" border="1">
<tr>
   <td width:100px><div>1234567890123456</div></td>
   <td width:100px><div>1234567890123456</div></td>
</tr>
<tr>
   <td width:100px><div>a</div></td>
   <td width:100px><div>b</div></td>
</tr>
<tr>
   <td width:30px><div style="nowrap;overflow:scroll">WWWWWWWWWWWWWWW2</div></td>
   <td width:100px><div>b</div></td>
</tr>

</table>

 

 

I want Column 1 and Column 2 to be the same size of 100px, and so that WWWWWWWW...2 should be cut to fit in.

[sstangle73]

style="overflow:none;"

should do it. i cant really think straight tho so let me know if it doesnt

[ds111]

No, that doesn't work.

[ds111]

Anyone else know?

[sstangle73]

here you go

<table cellspacing="0" cellpadding="0" border="1">
<tr>
   <td style="width:100px;"><div>a</div></td>
   <td style="width:100px;"><div>b</div></td>
</tr>
<tr>
   <td style="width:100px;"><div>a</div></td>
   <td style="width:100px;"><div>b</div></td>
</tr>
<tr>
   <td style="max-width:100px;overflow:hidden;"><div>abcdefghijklmnopqrstuvwxyz</div></td>
   <td style="width:100px;"><div>b</div></td>
</tr>

</table>

that will work i had the right idea like i said my head was in a grog yesterday

[adx]

alternately you could switch to div's that don't stretch no matter what.

[phpSensei]

use this in your CSS, and change the paremeters as you like

 

 

<style type="text/css">

<!--

div.scroll {

height: 200px;

width: 300px;

overflow: auto;

border: 1px solid #666;

background-color: #ccc;

padding: 8px;

}

-->

</style>