Hola todos:
Soy nuevo en esto del HTML y CSS y me gustaria aprender un monton.
Primero lo primero, estoy haciendo una pagina web y me he encontrado con algunos problemas:
trabajo bajo plataforma linux (ubuntu) y firefox, al momento de ir aprendiendo a hacer paginas web me tope con el problema de las diferencias entre los distintos navegadores, asi que me instale
google chorme y
firefox en ubuntu, tambien tengo en una maquina virtual windows 7 en el cual tengo instalado el
safari e
internet explorer 9.
el unico navegador que me ha dado problemas con la pagina ha sido internet explorer y bueno... pues poco a poco he ido resolviendo, pero hay uno en especifico que no le encuentro una solucion o no la he sabido buscar.
Mejor explicado en la siguiente imagen:
He revisado el codigo y estoy seguro que es la div donde dice "siguenos en:", pero no se como resolverlo. adjunto el html y el css de esa div a ver si me pueden hechar una mano.
HTML:
Código:
<div id="social-buttons">
<p>Sígenos en:
<a href="#"><img src="images/googleplus_button.png" title="Google +" align="right"></a>
<a href="#"><img src="images/facebook_button.png" title="Facebook" align="right"></a>
<a href="#"><img src="images/twitter_button.png" title="Twitter" align="right"></a>
</p>
</div>
CSS:
Código:
#social-buttons {
float: right;
border-left: 1px solid #444444;
width: 28%;
height: 28px;
margin: 2px 15px auto;
font-size: 14px;
text-align: left;
color: #ffffff;
}
#social-buttons p {
margin: 0px 0px 0px 25px;
padding: 0px;
line-height: 28px;
}
#social-buttons a img {
margin: 0px 5px 0px 5px;
border: 0px solid;
border-radius: 15px;
box-shadow: 1px 1px 1px 1px #333333;
}
#social-buttons a:hover img {
opacity: 0.60;
}
Agradeceria mucho cualquier ayuda q me puedan prestar!!!