Unless you are formatting content for an HTML email - tables are still the best supported method for that medium. Though, with that form in there I would hope you aren't using this for an email.<br><br>-Kenny<br><br><div class="gmail_quote">
On Fri, Dec 18, 2009 at 6:48 PM, Tim Wilson <span dir="ltr"><<a href="mailto:tim_linux@wilson-home.com">tim_linux@wilson-home.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
HTML Tables for non-tabular data? Nooooo! :)<br><br>Tables do make it much easier to position stuff, but there are a lot of problems with them too. They're not "accessibility" friendly, and they can get unreadable quickly. I've seen people put tables within tables, within tables .... far too deep to be readable. If at all possible, DIV and SPAN and P are much more preferred. Tables got over-used, and they're becoming the bane of web pages, even though a lot of places (Yahoo, for example) still use them. Unfortunately, a lot of examples found on the internet still use tables.<br>
<br>I'd like to make one other suggestion. Do something like the following:<br><label>Date:&nbsp;<input type="text" name="impDate" size="10"></label><br><br>One, it ties the text to the input box. If the user clicks the text, the input box should get focus (on a checkbox, clicking the text will actually toggle the checkbox). Two, if someone is using a screen reader, it will announce the text as a label to the input box. At least, that's my understanding. I've not actually seen a screen reader for the visually impaired. But accessibility does seem to be a growing need.<br>
<br><br><div class="gmail_quote">On Fri, Dec 18, 2009 at 4:36 PM, Afan Pasalic <span dir="ltr"><<a href="mailto:afan@afan.net" target="_blank">afan@afan.net</a>></span> wrote:<br><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
is this:<br>
<div><br>
<br>
<table width="100%" border="1" cellspacing="0" cellpadding="0"><br>
<tr><br>
</div> <td align="center" colspan="3"><br>
<div> <select name="system"><br>
<option value="Option1">Option 1</option><br>
<option value="Option2">Option 2</option><br>
</select><br>
<input type='button' value='Remind' name='bRemind'<br>
onclick='vbscript:MultiFunctions "Remind"'><br>
<input type='button' value='Make Statement'<br>
name='bMakeStatement' onclick='vbscript:MultiFunctions<br>
"MakeStatement"'><br>
</div> </td><br>
</tr><br>
<tr><br>
<div> <td>Date:&nbsp<input type="text" name="impDate" size="10"></td><br>
<td>Start Time:&nbsp<input type="text" name="impStart"<br>
size="10"></td><br>
<td>End Time:&nbsp<input type="text" name="impStop"<br>
size="10"></td><br>
</div> </tr><br>
</table><br>
<br>
<br>
<br>
<br>
or this:<br>
<div><br>
<br>
<br>
<table width="100%" border="1" cellspacing="0" cellpadding="0"><br>
<tr><br>
</div> <td align="center" colspan="2"><br>
<div> <select name="system"><br>
<option value="Option1">Option 1</option><br>
<option value="Option2">Option 2</option><br>
</select><br>
<input type='button' value='Remind' name='bRemind'<br>
onclick='vbscript:MultiFunctions "Remind"'><br>
<input type='button' value='Make Statement'<br>
name='bMakeStatement' onclick='vbscript:MultiFunctions<br>
"MakeStatement"'><br>
</div> </td><br>
</tr><br>
<tr><br>
<td align="left" colspan="3">Date:&nbsp<input type="text"<br>
<div>name="impDate" size="10"></td><br>
</div> </tr><br>
<tr><br>
<div> <td>Start Time:&nbsp<input type="text" name="impStart"<br>
size="10"></td><br>
<td>End Time:&nbsp<input type="text" name="impStop"<br>
size="10"></td><br>
</div> </tr><br>
</table><br>
<br>
<br>
what are you looking for?<br>
<font color="#888888"><br>
<br>
afan<br>
</font><div><div></div><div><br>
<br>
<br>
<br>
<br>
<br>
Todd Walton wrote:<br>
> <table width="100%" border="1" cellspacing="0" cellpadding="0"><br>
> <tr><br>
> <td><p align="center"><br>
> <select name="system"><br>
> <option value="Option1">Option 1</option><br>
> <option value="Option2">Option 2</option><br>
> </select><br>
> <input type='button' value='Remind' name='bRemind'<br>
> onclick='vbscript:MultiFunctions "Remind"'><br>
> <input type='button' value='Make Statement'<br>
> name='bMakeStatement' onclick='vbscript:MultiFunctions<br>
> "MakeStatement"'><br>
> </p></td><br>
> </tr><br>
> <tr><br>
> <p align='center'><br>
> <td>Date:&nbsp<input type="text" name="impDate" size="10"></td><br>
> <td>Start Time:&nbsp<input type="text" name="impStart" size="10"></td><br>
> <td>End Time:&nbsp<input type="text" name="impStop" size="10"></td><br>
> </p><br>
> </tr><br>
> </table><br>
><br>
> This HTML creates a table that doesn't look like I want it to. The<br>
> drop-down selector and the Remind and MakeStatement buttons are only<br>
> 50% of screen width, as is the cell with the impDate input box. The<br>
> right half of the screen has the impStart and impStop input boxes.<br>
><br>
> | Option1 [Remind] [MakeStatement] |<br>
> |<br>
> | Date: [ ] |<br>
> Start Time: [ ] Stop Time: [ ] |<br>
><br>
> Can someone tell me why this is? What can I change to make the drop<br>
> down and the two buttons center across the entire page, instead of<br>
> just half of it?<br>
><br>
> --<br>
> Todd<br>
> _______________________________________________<br>
> Cialug mailing list<br>
> <a href="mailto:Cialug@cialug.org" target="_blank">Cialug@cialug.org</a><br>
> <a href="http://cialug.org/mailman/listinfo/cialug" target="_blank">http://cialug.org/mailman/listinfo/cialug</a><br>
><br>
_______________________________________________<br>
Cialug mailing list<br>
<a href="mailto:Cialug@cialug.org" target="_blank">Cialug@cialug.org</a><br>
<a href="http://cialug.org/mailman/listinfo/cialug" target="_blank">http://cialug.org/mailman/listinfo/cialug</a><br>
</div></div></blockquote></div><br><br clear="all"><br>-- <br>Tim<br>Required reading: <a href="http://bccplease.com/" target="_blank">http://bccplease.com/</a><br>
<br>_______________________________________________<br>
Cialug mailing list<br>
<a href="mailto:Cialug@cialug.org">Cialug@cialug.org</a><br>
<a href="http://cialug.org/mailman/listinfo/cialug" target="_blank">http://cialug.org/mailman/listinfo/cialug</a><br>
<br></blockquote></div><br>