 |
 | Home | Contact Us | FAQ | Search & Site Map | Link to Us |
 | Sign In | Join | Other 45 Sites in Network |
| HomeDiscussion GroupsGeneralPHPASPPerlColdFusionFlashHTML, CSS, ScriptsBrowsers |
Webmaster Forum / HTML, CSS, Scripts / CSS / July 2003Forms tutorial?
I'm looking for a CSS-focused tutorial on laying out forms -- AFAICT the ones from www.allmyfaqs.com are HTML-only. If the tutorial is geared toward the Windows-enslaved, so much the better. Is it "cheating" to say, "the form data is going into a database, so it makes sense to use a table for layout"? Mary Ellen Doctor Science, MA > I'm looking for a CSS-focused tutorial on laying out forms -- AFAICT > the ones from www.allmyfaqs.com are HTML-only. If the tutorial is > geared toward the Windows-enslaved, so much the better. > > Is it "cheating" to say, "the form data is going into a database, so it > makes sense to use a table for layout"? Many knowledgable people think that forms count as table data. Others don't, but you certainly needn't feel guilty about using a table to lay out a form. It can certainly be done in just nice markup & css, though. I think Brian Tremblay (sp?) has a nice example somewhere, but I can't find it right now. [css forms] > Many knowledgable people think that forms count as table data. Others > don't, but you certainly needn't feel guilty about using a table to lay [quoted text clipped - 3 lines] > Brian Tremblay (sp?) has a nice example somewhere, but I can't find it > right now. http://www.julietremblay.com/site/contact.html Another example of CSS Forms: http://www.webweaver.org/dan/css/cssforms.html  SignatureKayode Okeyode http://www.kayodeok.btinternet.co.uk/favorites/webdesign.htm > It can certainly be done in just nice markup & css, though. I think > Brian Tremblay (sp?) has a nice example somewhere, but I can't find it > right now. If I may be so freely to post one of my own attempts. http://www.joukedevries.nl/contact/ SignatureKris kristiaan@xs4all.netherlands (nl) "We called him Tortoise because he taught us" said the Mock Turtle. > > It can certainly be done in just nice markup & css, though. I think > > Brian Tremblay (sp?) has a nice example somewhere, but I can't find it > > right now. > > If I may be so freely to post one of my own attempts. > http://www.joukedevries.nl/contact/ Why the spans around the labels? Some browsers don't style the labels correctly? [snip] > Why the spans around the labels? Some browsers don't style the labels > correctly? IIRC, a fairly recent version of Netscape caused floating <label> elements to disappear without this workaround. As for the general subject on styling forms, take a look at: <URL:http://illuminosity.net/thoughts/archives/2003/July/21/22:46:45/> <URL:http://simon.incutio.com/archive/2003/07/28/betterWebForms> SignatureJim Dabell > I'm looking for a CSS-focused tutorial on laying out forms -- > AFAICT the ones from www.allmyfaqs.com are HTML-only. There are three distinct topics around forms: form data processing (including useful feedback to user), which is the tough part; HTML markup, which is rather trivial, though it has lots of details; and the optional presentational issues, primarily CSS styling, which is relatively complicated, since the specifications are somewhat obscure (as regards to what CSS properties mean when applied to form fields) and browsers are faulty and buggy. For the latter, which is what you are looking for, I can suggest my review which discusses both HTML and CSS methods for affecting form appearance and which is relatively old: http://www.cs.tut.fi/~jkorpela/forms/present.html > If the > tutorial is geared toward the Windows-enslaved, so much the better. Well, in the WWW context, you should try and forget what platform you work on, except as regards to authoring _tools_ you use. > Is it "cheating" to say, "the form data is going into a database, > so it makes sense to use a table for layout"? The premises are wrong but the conclusion is correct. :-) Whether form data goes into a database is irrelevant when considering whether the form itself is tabular. And forms often have tabular parts, since e.g. a collection of form field label and form field pairs logically constitutes a matrix. It would not mean using a table for layout, though you it would, en passant, result in tabular presentation on most browsers. But other than table markup can be used, too. SignatureYucca, http://www.cs.tut.fi/~jkorpela/ Yucca told me: > The premises are wrong but the conclusion is correct. :-) Whether form > data goes into a database is irrelevant when considering whether the > form itself is tabular. And forms often have tabular parts, since e.g. > a collection of form field label and form field pairs logically > constitutes a matrix. Good enough for me.:) Given how much else I have to learn before the current project is due, I'm going to stick with a table for the form, because I *know* how to do that already. Thanks for all the links to Forms tutorials and examples, though -- I'll try to go through "at my leisure." Mary Ellen Doctor Science, MA > I can suggest my review which discusses both HTML and > CSS methods for affecting form appearance and which is relatively old: > http://www.cs.tut.fi/~jkorpela/forms/present.html http://www.cs.tut.fi/~jkorpela/forms/tables.html#why is also relevant to this thread. > And forms often have tabular parts, since e.g. > a collection of form field label and form field pairs logically > constitutes a matrix. It would not mean using a table for layout, > though you it would, en passant, result in tabular presentation on most > browsers. But other than table markup can be used, too. That satisfies my last remaining doubts! SignatureIso. FAQs: http://html-faq.com http://alt-html.org http://allmyfaqs.com/ Recommended Hosting: http://www.affordablehost.com/ Web Standards: http://www.webstandards.org/ |
Reply to this Message |
 Sign In
 Join
 My Latest Posts My Monitored Threads My Blog My Photo Gallery My Profile My Homepage Start New Thread Enable EMail Alerts Rate this Thread
|
©2009 Advenet LLC Privacy Policy - Terms of Use
This website includes both content owned or controlled by Advenet as well as content owned or controlled by third parties.