Almost Perfect, CSS-Only, Tableless Forms

CSS-Only, Tableless Forms screenshot

I have been receiving a couple of inquiries on how to create do CSS forms so let me direct you to Jeff Howden’s two year old CSS-Only, Table-less Forms article. Yes you heard me right folks: two years old! Yet it still displays properly on the newest browsers, which only shows how resilient the code is.

By now you must be wondering about the “almost perfect” part in the title. This is simply because the CSS code does not validate. The culprit? Of course, it’s IE again, with the JavaScript-in-CSS expression() hack.

Oh, and if you have questions or suggestions for articles, you may reach me via dennison [at] cssvault dot com

Have fun! :)

This entry was posted on Thursday, February 28th, 2008 at 12:28 am and is filed under Accessibility, Browser, CSS, Compatibility, Cool, Forms, Hacks, Interface, Reference, Resource. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

« Amazing jQuery Examples
CFCA: CSS Friendly Control Adapters for ASP.Net »

4 Responses to “Almost Perfect, CSS-Only, Tableless Forms”

  1. H5N1 Says:
    March 1st, 2008 at 11:56 pm

    You can get the code valid avoiding to use expression in the main CSS and insert the f***ing IE code in the &lt!–[if IE&gt trick comment :)
    The validator will not read that code.

  2. CSSVault Blog » Blog Archive » The Form Garden: CSS Zen Garden For Forms Says:
    March 7th, 2008 at 12:01 am

    [...] a follow up to my recent article on CSS-only, tableless forms, do check out the CSS Form Garden, a gallery that showcases uniquely style forms utilizing the same [...]

  3. mike Says:
    May 21st, 2008 at 6:15 am

    if you reviewed IE8 before giving Jeff the love you would have noticed that it doesnt hold up to the newest browsers as the legend tag is dropped. ps. Jeff is a dick.

  4. Dennison Uy - Graphic Designer Says:
    May 21st, 2008 at 1:45 pm

    Hate to disagree with you mike but the LEGEND tag is an HTML 4.01 standard and works fine in the “newest browsers” like IE7, Safari 3, and Firefox 3 . I cannot find any press releases confirming lack of support in IE8, but it should be the browser that adapts to standards not the other way around.

Leave a Reply