[SOLUCIONADO] Problema con CSS en Explorer

[josebermejo]

Hola chic@s.

Tengo un problema con mi página en Wordpress. Su url es http://www.unladi.es Es una batalla con las CSSs correspondientes a mis formularios de contacto, realizados con Contact Form 7.

Los botones informate ahora y te llamamos no son visibles desde Explorer.Con el resto de navegadores si se visualiza correctamente, pero en el caso del Explorer sólo se muestra una franja.

He mirado a validar las CSS y las respectivas a los formularios no me dan ningún problema, también he probado a cambiar el formato de imagen pero sigue sin resolverse..

Agradecería alguien me pudiese echar una mano y comentar por donde irán los tiros..

CÓDIGO DEL CONTACT FORM

Código HTML:

<img src="http://www.unladi.es/wp-content/uploads/2013/02/cupon-top-estrecho1.png"width="280"  ></img>
<p class="letra">Tu nombre (requerido)<br />
    [text* your-name] 
 
<p class="letra">Apellidos(requerido)<br />
[text* Apellidos]
 
<p class="letra">Tu Email (requerido)<br />
    [email* your-email] 
 
<p class="letra">Teléfono(requerido)<br />
[text* telefono]
 
<p class="letra">Asunto<br/>
[text asunto /40]
 
<p class="letra">He leído el <a href="avisolegal">Aviso legal</a>[acceptance avisolegal]
 
 
<div style="text-align:left"><p class="letra">[submit  class:button]</div>
</img>
 

CODIGO DEL CSS

Código CSS:

.button {
    /*background:url("http://www.unladi.es/unladi2/wordpress/wp-content/uploads/2013/02/btn-informate.png")no-repeat scroll center bottom transparent;display: inline;float: right;padding-bottom: 25px;width: 300px;*/
    background:url(../images/btn-informate1.png)no-repeat scroll center bottom transparent;display: inline;float: right;padding-bottom: 25px;width: 300px;
 
    border:none;
    color:#078dab;
    font-size:0px;
    
    display:inline-block;
    cursor:pointer;   
    z-index:100;
    }
 

[Jazzticktock]

Has comprobado si las imagenes son RGB? a veces da ciertos problemas con eso!

[josebermejo]

Muchas gracias.

Había probado a cambiar el formato de la imagen de RGB a CYMK, con los mismos resultados.

Inspeccionando veo el código siguiente en el input submit

Código HTML:

<input type="submit" value="Enviar" class="wpcf7-form-control  wpcf7-submit button2"> 

En el Contact Form, le establezco lo siguiente:

Código HTML:

<div class="wpcf7llamar">
[submit  class:button2]
Introduce tu número de Télefono
[text* telefono /9] 
</div> 

He probado a cambiar wpcf7-submit

Código CSS:

.wpcf7-submit {
font-size:22px;
display:inline-block;
 
 
/*background: url("http://www.unladi.es/unladi2/wordpress/wp-content/uploads/2013/02/btn-informate.png")no-repeat scroll right bottom transparent;display: inline;float: right;padding-bottom: 25px;width: 300px;*/
/*cursor:pointer; background-color: #d5e179;
border: 1px solid #d5e179;*/
width: 235px;
height: 40px;
padding: 5px 10px;
z-index:80;
/*float:right;*/
text-align:center;
 
}
 

También con el mismo resultado

No sé que puede ser. Los botones se visualizan correctamente tanto en Chrome,Firefox, Safari y smartphones..El problema sale en el Explorer.

Muchas gracias por vuestra ayuda.

[pzin]

¿Eso te pasa en todas las versiones de IE? No puedo hacer pruebas con IE, no lo tengo instalado.

Yo que tú, probaría a ir quitando o añadiendo atributos a .button —puedes ir encerrando atributos en comentarios con /* y */— hasta que aparezca o desaparezca en IE el botón, así puedes dar con el problema.

Yo personalmente no tengo ni idea qué es eso de Contact Form, ni tengo interés en saberlo, pero como este foro es de CSS, es buena cosa poner sólo el código HTML y CSS del problema que tengas, es decir, evitar poner códigos de plantillas, código de PHP, etc.

[josebermejo]

Ya esta solucionado el problema. El tema iba por lo que comentaba Jazzticktock. Aunque conviertiendo la imagen a CYMK en Photosohop no solucionaba el problema, abriendo y guardando la imagen con el Irfanview se soluciono