Grow your CSS skills. Land your dream job.

Help w/ Live Validation Library

  • # May 8, 2009 at 3:14 pm

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

    Code:


    # 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

    Code:
    p#contact_results.error

    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

    Code:
    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.

*May or may not contain any actual "CSS" or "Tricks".