¿qué hago mal?

[ArturoGallegos]

Iniciado por ramondevesa

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.

Iniciado por ramondevesa

Así se ve y me gustaría que el menú se viese en el centro de la pantalla.


htootp://img824.imageshack.us/i/vistamenu.png/

Gracias.

Saludos

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>