Sent by Howell, Scott on 20 July 2007 20:08
Hi there. I'm an old-school tables designer trying to kick the habit and
this should be easy. I want to convert the tabled code below to
CSS-only. My main two problems:
(1) cleanly coding in the space taken by in the table
(2) preventing the divs from moving around when the browser is resized
I also believe I'm killing the page with ten million <div> tags, too, so
if you want to share some design thoughts I'd love to read them.
Thank you!
The page:
http://www.howellbox.com/newworld/
The CSS:
http://www.howellbox.com/newworld/basecss.htm
The sinister tabled code:
<table cellpadding="4" border="1" id="olddays">
<tr>
<td colspan="4" align="center">Portion</td>
<td align="center">ID</td>
<td colspan="3"> </td>
<td colspan="2" align="center">Membership</td>
</tr>
<tr>
<td>full</td>
<td><input type="checkbox" id="full0" /></td>
<td>half</td>
<td><input type="checkbox" id="half0" /></td>
<td><input type="text" name="uname0" id="uname0" /></td>
<td><button name="b10" id="b10">1</button></td>
<td><button name="b20" id="b20">2</button></td>
<td><button name="b30" id="b30">3</button></td>
<td>
<select>
<option value="0">guest</option>
<option value="1">silver</option>
<option value="2">gold</option>
</select>
</td>
<td><input type="checkbox" id="includeme0" /></td>
</tr>
</table>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
