Ver Mensaje Individual
  #6 (permalink)  
Antiguo 14/08/2011, 17:22
IEKK
 
Fecha de Ingreso: agosto-2010
Ubicación: Tenerife
Mensajes: 893
Antigüedad: 13 años, 8 meses
Puntos: 202
Respuesta: Poner imagen en un input

Cita:
Iniciado por Batan Ver Mensaje
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
  1. #inp1{
  2.         background:url("images/01.gif") no-repeat;
  3.         color:#000;
  4.         width:292px;
  5.         height:25px;
  6.         top:15px;       /*podrías sustituir los top y los left por un margin*/
  7.         left:499px;
  8.         border:none;
  9.         font-size:12px;
  10.     }

Código HTML:
Ver original
  1. <input  id="inp1" name="Nombre" maxlength="20" type="text" value="nombre" />
__________________
Pensaba que internet era una gran biblioteca de sabiduría, hasta que comprendí que un libro no puede tener mil páginas llenas de faltas de ortografía... :(