Buenas, tengo la intención de centrar unas imágenes, estos son los códigos, no se donde lo estoy haciendolo mal, si me pueden ayudar.
Código HTML:
Ver original <li><a href="#" class="farmacias"></a></li> <li><a href="#" class="autobuses"></a></li> <li><a href="#" class="trenes"></a></li> <li><a href="#" class="anunciate"></a></li> <li><a href="#" class="contacte"></a></li> <li><a href="#" class="webmail"></a></li> <li><a href="#" class="gestion_web"></a></li>
Código CSS:
Ver original#menu_top{
height:48px;
background-color:#000;
margin:0 auto 0 auto;
}
#menu_top .farmacias{
background-image:url(../images/farmacias_top.png);
background-repeat:no-repeat;
width:80px;
}
#menu_top .autobuses{
background-image:url(../images/autobuses_top.png);
background-repeat:no-repeat;
width:86px;
}
#menu_top .trenes{
background-image:url(../images/trenes_top.png);
background-repeat:no-repeat;
width:56px;
}
#menu_top .anunciate{
background-image:url(../images/anunciate_top.png);
background-repeat:no-repeat;
width:82px;
}
#menu_top .contacte{
background-image:url(../images/contacto_top.png);
background-repeat:no-repeat;
width:74px;
}
#menu_top .webmail{
background-image:url(../images/webmail_top.png);
background-repeat:no-repeat;
width:71px;
margin-left:108px;
}
#menu_top .gestion_web{
background-image:url(../images/gestion_web_top.png);
background-repeat:no-repeat;
width:98px;
}
Gracias, un saludo