The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Help w/ Live Validation Library

  • # May 8, 2009 at 3:14 pm

    I’m using live validation on my, I would like to use an image instead of of the valid/invalid message. Please help.


    # May 9, 2009 at 1:37 pm

    You’ll just need to look for the ID and CLASS hooks, and then use those to create background images.

    For example, your invalid email error is in


    The problem is that the text inside of that error might change. I saw it once as "Invalid Email". If it has any other errors with the same hook, you’d have to edit the Javascript to be different.

    If you only have "invalid email" in this error field, this could work

    p#contact_results.error {
    background: url(‘folder/image.jpg’) no-repeat;
    text-indent: -1000px;
    height: 60px; /* height of the image*/
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed