hola,
estoy haciendo una página web de tal manera que aparece el logo del facebook (que enlaza con la página de facebook que tenemos) y abajo el script de java de facebook que muestra a la gente que le gusta.
el código es el siguiente:
Código:
<table id="facebook-inicio" border=0 align="center" cellspacing=0>
<tr><td id="imagenfacebook"><a href="http://www.facebook.com/pages/Sala-de-Armas-de-Madrid/263288227042773" target="_blank"><img src="simbolofacebook.png"/></a></td></tr>
<tr>
<td align="center" valign="bottom" style="padding-left:30px; padding-bottom:10px">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://www.facebook.com/pages/Sala-de-Armas-de-Madrid/263288227042773" data-send="true" data-layout="box_count" data-width="100"></div>
</td>
</tr>
</table>
el problema es que la imagen de facebook se muestra perfecta en todos los navegadores excepto en IE8 y anteriores y no entiendo porqué. El código css del ID de la imagen es el siguiente
Código:
table tr td#imagenfacebook{
text-align:center;
border:none;
}
no entiendo porqué se sigue viendo el borde. Es posible que sea porque la imagen tiene un link?? cómo lo puedo arreglar??.
si queréis ver como queda todo podéis verlo en:
http://www.perros-si.com/MenuSama/in...se%C3%B1o2.php
ya sé que están incompletas algunas cosas, sólo me interesa lo del borde del logo de facebook