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:<td><a href="" title="Edit this item">Edit</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
******************************************************

Reply via email to