This link has been bookmarked by 37 people . It was first bookmarked on 15 Jun 2007, by Kevin Layman.
-
22 Jul 09
-
designing a form tailored to the style of the rest of your site
-
There are several different ways in which you can lay out a form. The method you choose depends upon how long the form is, its purpose, how often it will be used by each person who has to fill it out, and, of course, the general aesthetics of the web page.
-
To create each of these different types of
form [59]layouts, we'll use identical markup, but with different CSS rules. -
an ordered list whose list items wrap around each of the form element/label pairs that we're using
-
There are a number of superfluous elements that we could add to the form that would grant us the extra styling hooks. We could move the form elements inside their
label [61]elements and wrap thelabel [62]text in aspan [63], or wrap adiv [64]around each form element/label pair. However, none of those choices would really contribute anything to the markup other than its presence.
-
-
26 Apr 09
-
22 Dec 08
-
22 Aug 08
-
11 Jul 08
-
01 Jul 08
-
This chapter, which is fresh from The Art and Science of CSS [2], will explore the ways in which you can design a great-looking form, and provide you with the necessary code, which we'll work through together.
-
-
25 Mar 08
-
18 Mar 08
-
28 Feb 08
-
29 Dec 07
-
16 Oct 07
-
02 Jul 07
-
10 Jun 07
-
07 Jun 07
-
05 Jun 07
-
01 Jun 07
-
31 May 07
-
30 May 07
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.