Foros del Web » Creando para Internet » CSS »

Ajuste de tamaño en input texto variable

Estas en el tema de Ajuste de tamaño en input texto variable en el foro de CSS en Foros del Web. Hola a todos, tengo un problemilla con un campo input y su estilo. Resulta que quiero darle apariencia de botón y hasta ahí todo correcto, ...
  #1 (permalink)  
Antiguo 26/08/2008, 05:25
 
Fecha de Ingreso: noviembre-2006
Mensajes: 13
Antigüedad: 11 años
Puntos: 0
Ajuste de tamaño en input texto variable

Hola a todos, tengo un problemilla con un campo input y su estilo. Resulta que quiero darle apariencia de botón y hasta ahí todo correcto, el problema es que el botón tiene una imagen y además un texto que es variable por lo que el tamaño no lo puedo poner fijo en el estilo ni tampoco "auto" porque el texto se pone por encima de la imagen y además necesito algo compatible IE, Firefox, Opera y Safari....

El código es el siguiente:

En html:
<input type="button" name="bBack" class="bVolver" value="texto variable en tam..." />

el css:

.bVolver {
BACKGROUND-COLOR: #5F75AB; BORDER: #3B4B73 3px outset;
background-image:url(/style/simplyAll/bVolver.gif);
background-repeat:no-repeat;
background-position:left;
color:#FFFFFF; text-align:right; font-weight:bold; font-size:1.1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
cursor:pointer; vertical-align:middle; padding:3px; width:auto???;
}
¿Alguien me puede ayudar??? ME estoy volviendo loca.
Muchas gracias de antemano.
  #2 (permalink)  
Antiguo 26/08/2008, 12:10
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Respuesta: Ajuste de tamaño en input texto variable

Creo que, si te he entendido bien, si le pones un padding-left con el tamaño del ancho de tu imagen se solucionará el problema, es decir, si tiene 25px de ancho:
Código:
padding-left: 25px;
  #3 (permalink)  
Antiguo 27/08/2008, 02:01
 
Fecha de Ingreso: noviembre-2006
Mensajes: 13
Antigüedad: 11 años
Puntos: 0
Respuesta: Ajuste de tamaño en input texto variable

SIIIIIIIIIIIIIIIIIIIII!!!!!
Muchisimas gracias.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:00.