Cita:
Iniciado por Batan
Tu le das la propiedad background-image, que hará poner un fondo a tu caja.
Eso no quiere decir que desaparecerán los bordes.
Quizas te puedas interesar las siguientes propiedades para crear escquinas redondeadas con CSS
Para firefox
-moz-border-radius: 0 12px 12px 0;
-moz-box-shadow: 2px 2px 5px #333;
Para Safari y Chrome
-webkit-border-radius: 0 12px 12px 0;
-webkit-box-shadow: 2px 2px 5px #333;
Y asignarles un border: 1px solid #0F7B12.
Los malo es que ma IE no hay ninguna propiedad asi.
Saludos
No sólo IE, hay otros navegadores para los que no se aplican igual esas propiedades. Hasta que no haya un standar esas propiedades habría que usarlas con "cautela". Ojalá llegue el día que se puedan usar los degradados y bordes redondeados de la misma forma.
Varias cosas
fedefrankk.
1º Los gif no interpretan correctamente los píxeles con canal alpha, añadiendo pixeles blancos de fondo en caso de exitir a diferencia de los .png Lo comento por si estas usando una imagen con bordes con un alpha que sea diferente de 0 ó 100 estos aparecerán opacos.
2º Se supone que la imagen tiene los bordes redondeados ¿No? Jeje
3º¿Has comprobado que realmente te está cargando la imagen?
4º Permiteme unos cambios, ya que usas propiedades que sobran, que repites(como el color) y creo que sería más lógico usarlo como id no como clase. Lo puedes usar pero no sería lo más apropiado, las clases están para otras cosas.
Código CSS:
Ver original#inp1{
background:url("images/01.gif") no-repeat;
color:#000;
width:292px;
height:25px;
top:15px; /*podrías sustituir los top y los left por un margin*/
left:499px;
border:none;
font-size:12px;
}
Código HTML:
Ver original<input id="inp1" name="Nombre" maxlength="20" type="text" value="nombre" />