Foros del Web » Creando para Internet » CSS »

Mostrar imagen en un boton

Estas en el tema de Mostrar imagen en un boton en el foro de CSS en Foros del Web. Hola quisiera saber como puedo hacer que en un boton de un formulario aparezca una imagen en vez de texto he probado con esto: <input ...
  #1 (permalink)  
Antiguo 16/03/2010, 05:43
 
Fecha de Ingreso: febrero-2007
Mensajes: 165
Antigüedad: 10 años, 9 meses
Puntos: 0
Mostrar imagen en un boton

Hola quisiera saber como puedo hacer que en un boton de un formulario aparezca una imagen en vez de texto he probado con esto:

<input name="enviar" type="submit" class="botonbusqueda" />

.botonbusqueda {
background-image: url(../images/imgSearchButton.png);
background-repeat: no-repeat;
height: 16px;
width: 16px;
position: absolute;
top: 5px;
right: 10px;
}

Pero me sale el texto y no la imagen

Gracias
  #2 (permalink)  
Antiguo 16/03/2010, 06:08
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.544
Antigüedad: 15 años, 8 meses
Puntos: 1262
Respuesta: Mostrar imagen en un boton

Hola:

Porqué no usas un tag button

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 16/03/2010, 06:10
 
Fecha de Ingreso: febrero-2007
Mensajes: 165
Antigüedad: 10 años, 9 meses
Puntos: 0
Respuesta: Mostrar imagen en un boton

Y como lo haria, nunca habia oido hablar de tag-button

El form lo hago asi

<form action="buscar.php" method="post" name="buscador" id="buscador">
<input name="searchBox" type="text" class="searchBox" id="txtWordsToSearch"/>
<input name="enviar" type="submit" class="botonbusqueda" />
</form>

Y el boton quiero que sea una imagen, en vez de texto
  #4 (permalink)  
Antiguo 16/03/2010, 10:19
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.544
Antigüedad: 15 años, 8 meses
Puntos: 1262
Respuesta: Mostrar imagen en un boton

Cita:
Iniciado por serbc27 Ver Mensaje
Y como lo haria, nunca habia oido hablar de tag-button

El form lo hago asi

<form action="buscar.php" method="post" name="buscador" id="buscador">
<input name="searchBox" type="text" class="searchBox" id="txtWordsToSearch"/>
<input name="enviar" type="submit" class="botonbusqueda" />
</form>

Y el boton quiero que sea una imagen, en vez de texto
Hola:

Prueba cambiando:
<input name="enviar" type="submit" class="botonbusqueda" />

por:
<button name="enviar" type="submit" class="botonbusqueda" >
<img src="submit.gif" alt="submit"/>
</button>

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo

Etiquetas: botones
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 20:33.