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 PROTECTED] 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/
