Forums

pallavi1811

hi i want to create a textbox with rounded corners and an image to right end of it.

this is my current css:

serialInput{
  margin-left:504px;
  margin-top:-38px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background: url(./images/forward_arrow.png) no-repeat scroll 7px 7px;
  padding-left:30px;
}

Paulie_D

Like this? http://codepen.io/Paulie-D/pen/qyhuH

pallavi1811

how to paste an image here? if i want to show how i want it?

Paulie_D

Make sure it's on a web server and then just use standard html

<img src="http://i299.photobucket.com/albums/mm297/PaulieDavis/Marina_zps30951106.jpg">

pallavi1811

i need something like this:

http://s1022.beta.photobucket.com/user/pallavi1811/media/serial.png

Paulie_D

Link doesn't work

I think you mean

http://i1022.photobucket.com/albums/af343/pallavi1811/serial.png

Paulie_D

Ah...not textarea...text input.

Easy: http://codepen.io/Paulie-D/pen/IrFak

treehouse : what would you like to learn today?

Forums

Need an input type textbox with image and rounded corners