[SOLUCIONADO] Problema Con Boton HTML

[anthony9564]

Hola a todos. Gracias a todos los que respondan

Hice un botón tipo imagen lo que pasa es lo siguiente todo esta perfecto pero cuando veo mi pagina web en Google Chrome el botón se muestra cortado. En cambio lo veo En Mozilla Firefox y se ve perfecto. Lo veo en Internet Explore y ni se ve :S Que hago ayuda.

Código Del Botón


<td height="35"><div align="center">

<input type="button" name="cmdEnviar" value="" onClick="javascript:enviar();"

style="background-image:url('css/images/entrar.jpg');"/>

</div></td>

[nedyer]

Prueba solo con CSS es mejor

te hago un ejemplo

Código HTML:

<div id="Box-Ext">
      <input type="submit" name="Btn" id="Btn" value="enviar"  />
    </div>
 

Código CSS:

#Box-Ext
{
    height: 30px;
    width: 80px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: 18px;
    -moz-box-shadow: 0px 1px 3px 0px #C0C0C0;
    -webkit-box-shadow: 0px 1px 3px 0px #C0C0C0;
    box-shadow: 0px 1px 3px 0px #C0C0C0;
    border: 1px solid #C1C1C1;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: capitalize;
    color: #000000;
    text-align: center;
    background-color: #EAEAEA;
    padding: 0px;
}
 
#Box-Ext:hover, #Box-Ext:focus { cursor: pointer; }
 
#Box-Ext:active
{
    -moz-box-shadow: inset 0px 1px 3px 0px #C0C0C0;
    -webkit-box-shadow: inset 0px 1px 3px 0px #C0C0C0;
    box-shadow: inset 0px 1px 3px 0px #C0C0C0;
    cursor: pointer;
}
 
 
#Btn
{
    height: 30px;
    width: 80px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-color: transparent;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: capitalize;
    color: #333333;
}
 
#Btn:hover, #Btn:focus { cursor: pointer; }
 

[moro666]

O sin complicarse mucho, definele un width y un height al input con el tamaño de la imagen!

[caricatos]

Hola:

Yo estoy viendo un botón tipo "button", y con estilos...

Los botones tipo imagen son otra cosa, que no parece ser el tema de discusión...

Si se quiere que una imagen esté dentro de un botón, creo que es más apropiado usar un tag button...

<button ...><img ... </button>

Saludos