Justify elements using jQuery and CSS

[View]

When creating a web form you have to make a functional and visually aligned layout. The simplest way to do this is to place elements in a table or by fixing width of labels. Tables stretch its cells according to width of largest element in a column. That way you can have aligned form. Fixing label width will also also allow you to have a hard-coded but aligned form.

Read »

Created by john 1 year 35 weeks ago
Category: Javascript Tags:

Formy CSS Form Framework - Out Of Beta 1 year 7 weeks ago: Formy is CSS Framework for better form management. There are some great tools and examples for creating web forms. They usually use tables, div, list or just pure CSS for construction of the form layout. Some of these techniques are not so accessible (tables) or in absence of CCS the form layout will fall apart. That is why I decided to make universal CSS for forms who will interact in the simple natural way with HTML form and HTML form will work decently well even without CSS.
Clean and pure CSS FORM design 1 year 39 weeks ago: Some readers of my blog hate html tables and often ask to me which is the better way to design FORMS with CSS, without using tables to place each form element in a table's cell. How I said some time ago... tables are not evil. Sincerly, in some case I used pure CSS code to design forms but, in general, I prefer to use tables. It's simpler and faster than use only CSS property "to simulate" a table structure. In any case, for CSS lovers, this tutorial illustrates a proposal about how to design a pure CSS form without using html tables.
Maximum and Minimum Width Solution for All Browsers 5 weeks 4 days ago: min-width and max-width is very useful command of CSS, whereby you can specify a minimum width for any element. This can be particularly useful for specifying a minimum width for a page.
How create good looking form without table 4 weeks 2 days ago: This tutorial explains how to design a good form using a clean CSS design with only label and input tags to simulate an HTML table structure. You can use all CSS/HTML elements to design your custom form for your web projects: