Mostrar imagen en boton de form

[serbc27]

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

[Carlangueitor]

Algo estás haciendo mal, además de que no tienes un texto que se muestre (value del botón), que texto es el que te sale?

Saludos

[Ryo]

HTML está preparado para esto; basta con que uses type="image" e indiques la ubicación de la imagen en src.

[agustincqc]

Lo que re recomiendo si es una cuestion de estetica, arma el formulario dentro de una tabla, y el boton hacelo en flash con la imagen y el texo que vos quieras, le agregas eventos al posar sobre el, al hacer clic .. etc !!...



Saludos.

[Carlangueitor]

Bah, creo que es demasiado para solo poner una imagen en el botón, ¿usar flash?

Saludos

[caricatos]

Hola:

La respuesta ya te la dí en el foro css: Mostrar imagen en un boton... y lo del type="image" también podría valer, pero, aparte de hacer submit, envía las coordenadas de donde se pincha... o sea que un tag button es mejor.

Saludos

[jmdz]

flash para un botón tablas

Usa <button><img src=""/><button/> o en su defecto hacele caso a Ryo y usa <input type="image" src=""/>.

Saludos

[agustincqc]

Iniciado por jmdz

flash para un botón tablas

Usa <button><img src=""/><button/> o en su defecto hacele caso a Ryo y usa <input type="image" src=""/>.

Saludos

Hola Colega, si el lo que quiere es hacer un boton dinamico con onda digamos, tiene que hacerlo en flash, y para poder insertar flash en html se recomienda usar tablas para poder mantener un diseño encuadrado como lo es un formulario.

Solo a eso me refiero.

Saludos

[agustincqc]

Iniciado por Carlangueitor

Bah, creo que es demasiado para solo poner una imagen en el botón, ¿usar flash?

Saludos

Colega, si tiene razon solo para un boton y de formulario es mucho hacer algo con flash, salvo que se quiere experimentar y buee hacer algo lindo. Lo cual en un form solo pondria un value y listo.

Pero un buen menu de botones dinamicos en flash no queda mal, y lo de hacerlo en tabla solo para que se le haga mas facil el diseño.

Saludos.

[Carlangueitor]

Bueno las tablas dejaron de usarse para maquetar hace tiempo, lo mejor es que los acomode correctamente. Y puedes hacer un botón lindo solo con CSS.

Saludos

[agustincqc]

Iniciado por Carlangueitor

Bueno las tablas dejaron de usarse para maquetar hace tiempo, lo mejor es que los acomode correctamente. Y puedes hacer un botón lindo solo con CSS.

Saludos

Siempre teniendo en cuenta que lo que se ve bien en mi pc con mi monitor, en otro pc diferente con resolucion diferente se puede ver todo muy feo, para los que recien iniciamos es bueno saber usar tablas en % y centradas para que nuestras web se vea en todas las resoluciones medianamente bien ;).-

PD: Y discutir donde se puede hacer un boton, eso va en gusto de cada uno, yo por mi pongo un hipervinculo y listo ir a jajajjaja


Saludos Colega.

[jomaruro]

Hola:

Iniciado por agustincqc

Siempre teniendo en cuenta que lo que se ve bien en mi pc con mi monitor, en otro pc diferente con resolucion diferente se puede ver todo muy feo,

Si se estudia lo suficiente, se practica bastante y se hacen las cosas como deben hacerse, eso que dices es totalmente falso.

Iniciado por agustincqc

para los que recien iniciamos es bueno saber usar tablas en % y centradas para que nuestras web se vea en todas las resoluciones medianamente bien ;).-

Otra falsedad, y una vez que las web han quedado bonitas, preciosas y demás lindezas que les quieras otorgar, das un paso atrás y vuelves a empezar desde 0, a aprender lo que debías haber aprendido desde un principio. Es decir, el doble de trabajo.

Pero solo es un consejo, tu maqueta como te quieras, el tiempo es tuyo y lo puedes perder como te de la gana.

Saludos.

[agustincqc]

Iniciado por jomaruro

Hola:



Si se estudia lo suficiente, se practica bastante y se hacen las cosas como deben hacerse, eso que dices es totalmente falso.



Otra falsedad, y una vez que las web han quedado bonitas, preciosas y demás lindezas que les quieras otorgar, das un paso atrás y vuelves a empezar desde 0, a aprender lo que debías haber aprendido desde un principio. Es decir, el doble de trabajo.

Pero solo es un consejo, tu maqueta como te quieras, el tiempo es tuyo y lo puedes perder como te de la gana.

Saludos.

Esta bien acepto tus criticas, pero no confundamos las cosas ... el solo queria un simple boton con una imagen, yo le aconseje que por estetica intente algo mejor como un boton dinamico en flash (por q es lo uso yo nada mas), y luego como se que no es nada facil que nuestra web se vea bien (como vos decis hay q estudiar el doble) le aconsejo que use una tabla, osea algo sencillo como es un formulario de contacto no me parece mal el consejo, le quedan todos los input type centrados prolijos.

QUE TIENE DE MALO ESO?? o solo hay q hacer las cosas como saben los web master???

PD: si lo que queres es mandarte la parte y alardear de lo que sabes, armate un fotolog.

PD2: En mi web no uso tablas, y se ve bien en todas las resoluciones.

Saludos !!

[jomaruro]

Hola:

Iniciado por agustincqc

QUE TIENE DE MALO ESO??

No uses mayúsculas o ¿Acaso me estás gritando? Porque, que me griten, no lo consiento.

Iniciado por agustincqc

PD2: En mi web no uso tablas, y se ve bien en todas las resoluciones.

¿No usas tablas y recomiendas usar tablas? No entiendo nada.

Saludos.

[flpms]

Tengo que dicir algo esto. es una question de semantica.

Web semantica é utilizar de las etiquetas para lo que forem criadas.

Por ejemplo en un form no és malo utlizar-se de tablas. Porque los form engeneral son datos em tablas.

Y para la imagem del boton utiliza background-image em CSS para que puedas hacer lo quiere.

Código CSS:

button{
      background-image: url();
}
 

[caricatos]

Iniciado por flpms

Tengo que dicir algo esto. es una question de semantica.

Web semantica é utilizar de las etiquetas para lo que forem criadas.

Por ejemplo en un form no és malo utlizar-se de tablas. Porque los form engeneral son datos em tablas.

Y para la imagem del boton utiliza background-image em CSS para que puedas hacer lo quiere.

Código CSS:

button{
      background-image: url();
}
 

Hola:

La pregunta original no es sobre una imagen de fondo sino una imagen en un botón... si nos preocupamos por la semántica, un botón es un tag button, y dentro de un "button", puede ponerse una imagen... no necesariamente como fondo.

Saludos

[netovs]

Saludos, he leido el post y al parecer la idea es mas o menos hacer que una imagen se comporte como submit

Y queda:
En el archivo.html

Código HTML:

<form name="nombreIndispensable" action="#" method="post">      
.
.
.
Y para el submit existen dos formas 
<!-- 1 -->
<a onclick="document.nombreIndispensable.submit();return false" href="#"><p class="elBoton"></p></a>
 
<!-- 2 -->
 
<img src="unaBonitaImagen" onclick="document.nombreIndispensable.submit();return false"> 
</form>
 

Y en el archivo .css
para la forma 1

Código CSS:

#bodyPanel p.elBoton a:hover{
background:url(unaBonitaImagen.gif) 0 0 no-repeat #FFFFFF; color:#216EBD; text-decoration:none;
}
 

Esperemos que te sirva ... y sobre todo que lo puedas leer por que luego me borra el payaso ese del pateketrune...