I see what you are getting at.
I don't see the problem with laying out a form as a table but I would give the table at least an id attribute of, for example "formtable".
The alternative is to set the form up in a <div> of its own and then use <span> elements to align the label with the input.
<form id="inputform">
<span class="label">Name: </span>
<span class="input"><input type="text" name="username" /></span>
<br />
<span class="label">Password: </span>
<span class="input"><input type="password" name="pwd" /></span>
</form>
CSS:
form#inputform
{
display: block;
border: 1px solid #064;
padding: 10px;
font-family: sans-serif;
font-size: 10pt;
background-color: #ddd;
width: 500px;
}
form#inputform span.label
{
text-align: right;
padding: 5px;
width: 100px;
}
form#inputform span.input
{
text-align: left;
padding: 5px;
width: 250px;
}
input
{
border: 1px solid #064;
width: 200px;
}
Just one approach, but the one I prefer.
Peter Goddard
Web Developer/IT
PSI Global Ltd
-----Original Message-----
From: Tony Crockford [mailto:[EMAIL PROTECTED]]
Sent: 05 October 2004 10:00
To: [EMAIL PROTECTED]
Subject: Re: Re[2]: [WSG] Table-style admin layouts
At 09:47 on Tuesday, 05 Oct 2004, Peter Goddard wrote:
> Just because the table contains links to an edit page doesn't need for
> it to
> be defined in a form. Surely the solution is to present the information
> in a
> table and then style the 'edit' links with css, taking advantage of the
> querystring.
Sure, that makes sense.
so we're saying it's okay to have a table with buttons in it, but we
shouldn't have a form laid out as a table semantically speaking.
I'm not trolling, just looking for best practice guidance.
A list of items with edit delete buttons is okay as a table, but the edit
page should be a form laid out without tables?
;o)
--
listening to: R. Carlos Nakai - Shaman's Call [stopped]
http://wiki.workalone.co.uk
http://www.xebit.net
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
