I have been working for too long on this
, lets see what you guys and gals can do...Simple table with long content including spaces
what I want is to NOWRAP (single height cells - NOT the problem) fixed width (20px, 30px... - THE problem)
AND if the overall width of the table is wider than the screen put a scroll bar on it!! - (NOT the problem)
it doesn't work it I set width:20px; in the CSS AND/OR in the <td>, please help...
many Thanks...
// Code ########################
<head>
<style type="text/css">
body {text-align:center;background-color:#242424;border:0px;}
*,p {font-family:Verdana;color:#CCCCCC;font-size:8pt;}
.wrapper {width:100%;overflow:auto;}
table {border:0px;padding:0px;margin:0 auto;border-collapse: collapse;}
tr {border:0px;padding:0px;margin:0 auto;}
td {border:1px gray solid;padding:0px;margin:0 auto;text-align:left;white-space:nowrap;}
</style>
</head>
<body>
<div class="wrapper">
<table>
<tr>
<td width="20px">1111 1111 11111 11111 1111111 111111 1111 11111 111</td>
<td width="30px">>222 2222222 2222222 2222222222 2222222 2222222 2222</td>
<td width="40px">>333 33333 333333 333333333 333333 3333333 33333333</td>
<td width="50px">>4444444444444444 4444444444444444 4444444444444 444</td>
<td width="60px">>5555555555555 55555555555 5555555555 555555555 5555</td>
<td width="70px">>66666 66 666666 6666666 66666 66666666 6666666 6666</td>
</tr>
<tr>
<td>.</td>
<td>.</td>
<td>.</td>
<td>.</td>
<td>.</td>
<td>.</td>
</tr>
</table>
</div>
</body>
</html>
// Code End ########################