tlacaelelrl — 2011-04-20T21:12:28-04:00 — #1
My problem at the moment is that I wanted to add 2 different images when the field is completed correctly the image is a positive check mark and when the input is incorrect the image is a negative check mark and is updated once the field is corrected or changed.
I did manage to do it, as a field background on CSS but then the text runs behind it, is there a way to put this image as a border, but only on the right of the field, the image is 18px width and height I tried doing border-right-image but the image does not come up, and also I read that this will also not work in the old browsers, does anyone have a solution for this?
this is an example of what I want to achieve
ralphm — 2011-04-20T21:25:24-04:00 — #2
You could put 18px padding-right on the input and place the images as a background no-repeat 100% 0; which will place it far right.
tlacaelelrl — 2011-04-20T21:39:58-04:00 — #3
I did what you said, although I might have done it wrong, but that does not even show the pic
background:no-repeat 100% 0;
tlacaelelrl — 2011-04-20T21:42:16-04:00 — #4
Sorry, my bad, I fixed it, what you gave me works just fine
ralphm — 2011-04-20T21:44:31-04:00 — #5
Glad it worked. You could simplify that CSS to
background:url('incorrect_field.png') no-repeat 100% 0;