¿qué hago mal?

[ramondevesa]

Iniciado por Ag666

no es lo mismo centrar las imagenes que estan dentro del menu a centrar el menu ok

pruébate este código

Código CSS:

#menu_top{
    height:48px;
    background:#000;
}
#menu_top ul{display:block;width:670px;margin:0 auto;padding:0;}
#menu_top ul li,#menu_top ul li a{display:block;float:left;padding:0;height:48px;overflow:hidden;}
#menu_top ul li a{text-indent:-300px;margin:0;}
 
#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;
}
 

Código HTML:

<div id="menu_top">
    <ul>
        <li><a href="#" class="farmacias">farmacias</a></li>
        <li><a href="#" class="autobuses">autobuses</a></li>
        <li><a href="#" class="trenes">trenes</a></li>
        <li><a href="#" class="anunciate">anunciate</a></li>
        <li><a href="#" class="contacte">contacte</a></li>
        <li><a href="#" class="webmail">webmail</a></li>
        <li><a href="#" class="gestion_web">gestion_web</a></li>
    </ul>
</div>
 

Disculpa, me venía a referir a un centrado horizontal del menú, y no con este código que me has dejado aquí no me muestra ni siquiera las imágenes en pantalla :S

gracias