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! :)

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

  1. H5N1 Says:

    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:

    [...] 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:

    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:

    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.

  5. CSS Vault Blog » Blog Archive » 5 Great CSS Techniques To Improve Your Website Says:

    [...] a previous article we linked to Jeff Howden’s CSS-Only, tableless forms article which gives an example of what [...]

  6. кyкyш Says:

    Автор, а скажите а куда написать по поводу обмена ссылок (на какое мыло)?

  7. 5 im Says:

    very successful work, congratulations

  8. 5 Great CSS Techniques To Improve Your Website | CSS Heaven Says:

    [...] a previous article we linked to Jeff Howden’s CSS-Only, tableless forms article which gives an example of what [...]

  9. pharmacy reviews Says:

    Thanks for sharing, say, do you have a twitter to follow?

  10. Marcus Says:

    Interesting blog as for me. I’d like to read a bit more about this theme.

  11. wooden garden tools Says:

    While this matter can be very difficult for most people, my belief is that there has to be a middle or common ground that we all can find. I do value that you’ve added pertinent and sound commentary here though. Thank you!

  12. online stock trading guru Says:

    Super-Duper site! I am loving it!! Will come back again - taking your feeds too now, Thanks.

    I’m Out! :)

Leave a Reply