Código PHP :
/*prueba*/
#social-ul li
{
list-style:none;
float:left;
}
#social-ul li.facebook
{
width:70px;
height:50px;
margin: 15px 0 0 -19px;
list-style:none;
text-align:center;
line-height:22px;
}
#social-ul li.twitter
{
width:70px;
height:50px;
margin: 0 0 0 0;
padding:0 0 0 21px;
list-style-image:url(images/divider-social.gif);
text-align:center;
line-height:22px;
}
#social-ul li.email
{
width:70px;
height:50px;
margin: 0 0 0 0;
padding:0 0 0 21px;
list-style-image:url(images/divider-social.gif);
text-align:center;
line-height:22px;
}
/*fin prueba*/El código HTML es:
Código HTML :
<div id="social-ul"> <li class="facebook"><a href="http://www.facebook.com/pages/PixelBit/101958143205266" target="_blank"><img src="css/images/icofacebook.jpg" width=\"32\" height=\"32\" border=\"0\"/> </a> <a href="http://www.facebook.com/pages/PixelBit/101958143205266" target="_blank"><h4>Facebook</h4></a></li><li class="twitter"><a href="http://twitter.com/twitPixelBit" target="_blank"><img src="css/images/icotwitter.jpg" width=\"32\" height=\"32\" border=\"0\"/></a><a href="http://twitter.com/twitPixelBit" target="_blank"><h4>Twitter</h4></a></li><li class="email"><a href="http://www.youtube.com/videoPixelBit" target="_blank"> <img src="css/images/iconewletter.jpg" width=\"32\" height=\"32\" border=\"0\"/> </a> <a href="http://www.youtube.com/videoPixelBit" target="_blank"><h4>Newsletter</h4></a></li> </div>
El resultado es este:
Como ven el seleccionador de cada menu esta muy arriba quiero que se vea mas abajo.
