Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] problema al mostrar imagen con input type image

Estas en el tema de problema al mostrar imagen con input type image en el foro de HTML en Foros del Web. Hola a todos. Estoy haciendo un diseño para mi blog basado en HTML y CSS. Tengo el siguiente form @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original ...
  #1 (permalink)  
Antiguo 26/10/2013, 16:49
Avatar de guardarmicorreo  
Fecha de Ingreso: noviembre-2012
Ubicación: Córdoba
Mensajes: 1.153
Antigüedad: 11 años, 11 meses
Puntos: 84
problema al mostrar imagen con input type image

Hola a todos.

Estoy haciendo un diseño para mi blog basado en HTML y CSS.

Tengo el siguiente form

Código HTML:
Ver original
  1. <form method="get" action="/buscar/">
  2.         <input class="searcher" type="text" name="searcher">
  3.         <input type="image" src="../imgs/icons/32_32_Web02ama/Search.png" name="submit_searcher">
  4.     </form>

El problema es que no se muestra la imagen del input type image.

No entiendo por qué no :S nunca antes me había dado error este input.

Utilizo Chrome.

¿Alguien puede ayudarme?
__________________
Ayúdame a hacerlo por mi mismo.
  #2 (permalink)  
Antiguo 27/10/2013, 00:40
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 6 meses
Puntos: 1284
Respuesta: problema al mostrar imagen con input type image

Hola:

Dudo que uses el tag adecuado, ya que los input type="image", envían junto a el resto de campos del formulario las coordenadas de la imagen donde se pulsa... creo que es mejor un tag button type="submit" con una imagen dentro (simple tag img), luego con css quitas bordes y fondo si no te interesa...

Sobre la pregunta, será que la ruta es incorrecta...
... Otro detalle, cuando uses imágenes no te olvides de los textos alternativos (y el title tampoco estaría de más... y con un longdesc "lo bordabas"...)

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 27/10/2013, 15:39
Avatar de guardarmicorreo  
Fecha de Ingreso: noviembre-2012
Ubicación: Córdoba
Mensajes: 1.153
Antigüedad: 11 años, 11 meses
Puntos: 84
Respuesta: problema al mostrar imagen con input type image

Cita:
Iniciado por caricatos Ver Mensaje
Hola:

Dudo que uses el tag adecuado, ya que los input type="image", envían junto a el resto de campos del formulario las coordenadas de la imagen donde se pulsa... creo que es mejor un tag button type="submit" con una imagen dentro (simple tag img), luego con css quitas bordes y fondo si no te interesa...

Sobre la pregunta, será que la ruta es incorrecta...
... Otro detalle, cuando uses imágenes no te olvides de los textos alternativos (y el title tampoco estaría de más... y con un longdesc "lo bordabas"...)

Saludos
gracias por tu ayuda.

pude encontrar el origen del problema. estaba exactamente en la ruta del src del type image.

resulta que el auto-completado de dreamweaver lo hacía así

Código HTML:
Ver original
  1. <input type="image" src="../imgs/icons/32_32_Web02ama/Search.png" name="submit_searcher">

pero es así

Código HTML:
Ver original
  1. <input type="image" src="./imgs/icons/32_32_Web02ama/Search.png" name="submit_searcher">

le sobraba un punto al principio de la ruta

gracias por tu ayuda!!

saludos!!
__________________
Ayúdame a hacerlo por mi mismo.

Etiquetas: css, image, input, type
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 00:59.