Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member
    Join Date
    Nov 2015
    Posts
    1
    Member #
    52383

    add logo on background-image

    Hi everyone!
    i want to add png on background-image in input.
    can anyone help me?
    Here is my code :
    <head>
    <style>
    .klsform-input form input {
    background-image: url("http://image.naldzgraphics.net/…/30-thirty-WHITE-PAINTED.jpg");
    border: 1px solid ‪#‎e3e3e3‬;
    padding: 16px 30px 10px 10px;
    color: red;
    float: left;
    }
    ‪#‎submit‬ input{
    background-image: url("https://cdn0.iconfinder.com/…/super-mono…/red/search_red.png");
    }
    </style>
    </head>
    <body>
    <div class="klsform-input">
    <form action="none" method="post">
    <input value="search..." />
    <div id="submit"> <input type="submit" value="" name="submit"> </div>
    </form>
    </div>
    </body>

  2.  

  3. #2
    Senior Member brandMatt's Avatar
    Join Date
    Oct 2015
    Location
    St .Catharines Ontario
    Posts
    240
    Member #
    52164
    Liked
    51 times
    The two inputs you are trying to apply the background image to, need to be inline-block elements.

    My Web Site:
    brandwebdesign.ca
    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link. Some of us are really insecure and need those likes so that we feel important and smart, so come on, help us out, huh?


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:30 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com