1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Add icons to your registration form

icons in registration form

Tags:
  1. Russ

    Russ Well-Known Member

    Russ submitted a new resource:

    Add icons to your registration form (version 1.0) - icons in registration form

    Read more about this resource...
     
    Shelley likes this.
  2. Tracy Perry

    Tracy Perry Well-Known Member

    One thing I noticed is that your text overwrites the image if you use the default code.
    Code:
    background-position:8px;
    I used
    Code:
    background-position:98%;
    and it places the images to almost the far right where they don't interfere with the text input.
     
  3. xenTheory

    xenTheory Active Member

    That's a better way of doing it since IE doesn't like text-indent:, there are workarounds however it's not ideal and further complicates the code.
     
  4. xenTheory

    xenTheory Active Member

    Here's a screenshot with the background-position:98%; implemented. Tested in IE10, Chrome, Firefox and Opera.

    EDIT:

    Here's the code the recaptcha part.

    Code:
    #recaptcha_response_field {
        background-image:url(#);
        background-position:98%;
        background-repeat:no-repeat;
    }
    Untitled-7.png
     

Share This Page