Re: Re[2]: [WSG] Table-style admin layouts
On 10/5/04 12:05 AM Ryan Sabir [EMAIL PROTECTED] sent this out: RF I vote for it's tabular data - use a table. Cool, thought so... I was thinking that because it was more a navigation device to edit items, rather than a display of tabular information, it would be better implemented a different way. You do have a point though that the buttons are kind of the main act. But if those data are coming from a database and are being output via a script language for example, I think a table is the most convenient way to present the data and the buttons. It boggles my small intellect to think about outputting CSS positioning and stuff from PHP or whatever, although somebody's working on that I'm sure! :-) Rick Faaberg ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: Re[2]: [WSG] Table-style admin layouts
At 12:26 AM 10/5/2004, Rick Faaberg wrote: But if those data are coming from a database and are being output via a script language for example, I think a table is the most convenient way to present the data and the buttons. It boggles my small intellect to think about outputting CSS positioning and stuff from PHP or whatever, although somebody's working on that I'm sure! Of course, the beauty of separated CSS HTML files is that the PHP or ASP server-side script can pump out pure HTML without any regard for how it's supposed to look. The content can be dynamic while the stylesheets remain static. Paul ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: Re[2]: [WSG] Table-style admin layouts
Title: RE: Re[2]: [WSG] Table-style admin layouts
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.
Eg:tda href="" title=Edit this itemEdit/a/td
where 'xxx' is the server side file extension and 'nn' is the identifier for the item to be edited.
Then css can be applied by assigning an 'id' to the table itself.
A Contextual selector in action.
CSS:
Table#edit_table a
{
display: block;
border: 2px outset #064;
background-color: #042;
font-weight: bold;
color: #ddd;
text-decoration: none;
/* Optional width attribute */
width: 60px;
}
/* Now Pseudo classes can be used to define the Links behaviour if required... */
table#edit_table a:hover
{
background-color: #546;
color: #fff;
}
If styled this way, any table with the id of edit_table in the site will have links styled as buttons with rollover effects.
As you can see, the edit buttons don't need to be in an HTML form.
Styling forms is a whole other issue... the thread on that will be very interesting ... anyone care to kick things off
How about a little ...style a login form 'competition'
Two fields and a button. It will be fun to see how everyone approaches it.
Eg...
form method=post
Name:input type=text name=username /
Password:input type=password name=pwd
input type=submit value=Login
/form
Peter Goddard
Web Developer/IT
PSI Global Ltd
-Original Message-
From: Ryan Sabir [mailto:[EMAIL PROTECTED]]
Sent: 05 October 2004 08:05
To: [EMAIL PROTECTED]
Subject: Re[2]: [WSG] Table-style admin layouts
RF I vote for it's tabular data - use a table.
Cool, thought so...
I was thinking that because it was more a navigation device to edit
items, rather than a display of tabular information, it would be
better implemented a different way.
at the end of the day its just a table I guess.
thanks! You'll be hearing from me again...
---
Ryan Sabir
Newgency Pty Ltd
2a Broughton St
Paddington 2021
Sydney, Australia
Ph (02) 9331 2133
Fax (02) 9331 5199
Mobile: 0411 512 454
http://www.newgency.com/index.cfm?referer=rysig
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
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 **
