table question

smoky · #1 05-Jan-2003, 02:32

how to make the table the same size ? I mean the <td> - i put the width but it becoming bigger after i ad some words to it and the next <td> is empty or smaller words? You get me?

JdS · #2 05-Jan-2003, 02:45

Yeah, smoky I get you...

Your best bet is to use (or learn to use) CSS' table-layout property like this:

HTML Code:


<html>
<head>
<!-- THIS IS THE CSS ( s t a r t ) -->
<style type="text/css">
<!--
td.fix300 { table-layout:fixed; width:300px }
-->
</style>
<!-- THIS IS THE CSS ( e n d ) -->
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="fix300">This column is 300 pixels wide.</td>
    <td>blah...</td>
  </tr>
  <tr>
    <td class="fix300">This column is 300 pixels wide.</td>
    <td>blah...</td>
  </tr>
  <tr>
    <td class="fix300">This column is 300 pixels wide.</td>
    <td>blah...</td>
  </tr>
</table>
</body>
</html>

The <td> where you want to control the size you just add:

HTML Code:


  <td class="fix300">

instead of

HTML Code:


  <td>

This should work with browsers with good CSS support (which is nearly every latest browser available).

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Rate This Thread
Rate This Thread:

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
a C input question	tmike	C Programming Language	1	16-Sep-2003 02:31
Recall table row	misunderstood	MySQL / PHP Forum	3	23-Aug-2003 08:56
form in a table cell	blelisa	Web Design Forum	1	19-Aug-2003 09:14
[Tutorial] MySQL Basics	nniehoff	MySQL / PHP Forum	15	23-Mar-2003 19:42
using a button to change table contents.	demtro	MySQL / PHP Forum	20	02-Mar-2003 15:07