input type text image ??

Discussion in 'HTML & Website Design' started by Mackos, May 27, 2010.

  1. #1
    Hi!
    I want to make my input as a image, the problem is that it's png image and when I put in it show's me white corners :/
    How I can do that ?

    This is what I have:
    xHTML
    <input type="text" value="Login..." name="login" class="iput"><br>
    Code (markup):
    And css
    .iput		{	background-image: url(images/ttext.png);
    				background-repeat: no-repeat;
    				width: 169px;
    				height: 28px;
    				border: 0px;
    				margin-bottom: 10px;
    				color: white;
    				padding-left: 1em;
    			}
    HTML:
    This is my image:
    http://yfrog.com/afttextp
     
    Mackos, May 27, 2010 IP
  2. maneetpuri

    maneetpuri Active Member

    Messages:
    152
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    58
    #2
    Hi Mackos,

    I am not very much clear what you are trying to say, still I have given my shot below

    I didn't find the white corners in the image. I have checked it on Mozilla, IE7 and above. I think this is the problem of browser compatibility.

    If you are using IE6 then try using png fix for IE6.

    Hope this helps,
     
    maneetpuri, May 27, 2010 IP
  3. Mackos

    Mackos Well-Known Member

    Messages:
    364
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    130
    #3
    Nope... I have Firefox 3.6
    This is what I have:
    [​IMG]
    I want to make this white background - transparent

    Sorry for my english, I'm trying my best.
     
    Mackos, May 28, 2010 IP