Problema con boton de formulario

[ricardomz]

Hola amigos que tal?

Tengo un problema, en un formulario tengo un boton como imagen pero me gustaría saber si lo puedo ahcer correctamente con CSS que no manejo tanto, el problema que tengo actualmente es que en explorar se le ve un borde al boton "Respuestas".

Espero me puedan ayudar,

http://www.3deseos.com.mx/femenine_web/test.php

GRACIAS!

[ricardomz]

Alguna idea?

Muchas gracias!

[Carlangueitor]

Pues dale estilos como a cualquier otro elemento:

Código HTML:

<form>
<input type="submit" id="boton" />
</form>
 

Código CSS:

#boton{
width: 120px;
height: 40px;
background: url(imagen.jpg) no-repeat; /*Esta es la imagen del boton*/
border: none;
}
 

Saludos

[ricardomz]

Carlangueitor,

Gracias por la ayuda, pero ya e intenado todo eso y solamente firefox lo reconoce pero con explorer no tengo suerte, es decir tengo una linea como cortada arriba de la imagen del boton, espero que alguien me pueda ayudar, solamente es quitar una linea punteada jajaja, pero yo no puedo.

Saludos

[Carlangueitor]

Pues yo siempre he usado esta forma y me funciona en todos los navegadores (unos pequeños errores en ie6 pero no lo que comentas) quizá no le estas dando las medidas correctas y no le estas quitando el borde que tienen por defecto.

Saludos

[ricardomz]

Mnnnn, ya le quité el borde aqui dejo el codigo, espero que alguien pueda ayudarme ya que me urge quitarlo del sitio

<button type="submit" style="border:0px; border-color:#ECE4EF; width:900px; height:112px; background-color:#ECE4EF;"><img src="imagenes/test_03.png" border="0" /></button>

El boton si lo quieren ver esta aqui:

http://www.3deseos.com.mx/femenine_web/test.php

Saludos

[ricardomz]

Nadie me puede ayudar a borrar esa linea?

Muchisisismas gracias a quien pueda hecharme una mano !!

Saludos

[HackmanC]

Hola,

Iniciado por ricardomz

... solamente es quitar una linea punteada jajaja, ...

La línea 'rayada' se produce porque no existe la imágen Images/espacio.gif
No tiene que ver con el botón, es parte de otra sección del HTML.

Código HTML:

<td> <img src="Images/espacio.gif" width="175" height="1" alt="" /></td>
<td> <img src="Images/espacio.gif" width="23" height="1" alt="" /></td>
<td> <img src="Images/espacio.gif" width="70" height="1" alt="" /></td>
...

Y como estas usando tables y colspan, yo lo reemplazaría por una sola celda.

Código HTML:

<td colspan="8"> <img src="Images/espacio.gif" width="XXX" height="1" alt="" /></td> 

Además la etiqueta <form> no puede estar dentro de la etiqueta <table>, y tampoco coincide donde abres y cierras. Y la página está en HTML, no XHTML, y tienes el doctype XHTML.

Saludos,

[ricardomz]

HackmanC...

Al fin le dí jaja, no habia visto lo de la imagen, se me fué horrible. Amigo, miles y miles de gracias..

De verdad...

Un grato y cordial saludo!

Ricardo