Tuesday, 21 July 2015

Web Designing Tutorials(Laying out your HTML Forms)

Aligning form elements can be very tricky. You might think CSS would make life easier, but it doesn’t. You can use the CSS position property with the values static, relative, absolute, and fixed. But even then, after long hours of frustration, you’d find that not all browsers render your form correctly.
To position form elements, then, a Table is often used. Take a look at the web page we’ve created called form_layout.html. This is in the extra_files/layouts folder that came with this book. (If you haven’t got the extra files yet, the download location is here, under the heading Web Design – New Course : (You don’t need the downloads for the old course.)
When you open up the above page, you’ll see a form that looks like this:

No comments:

Post a Comment