Tema: Centrar UL aún cuando actúe overflow hidden
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 26/04/2009, 08:39
Avatar de pzin
pzin
Moderata 😈
  
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 5 meses
Puntos: 2114
Respuesta: Centrar UL aún cuando actúe overflow hidden
Código html: 
Ver original
  1. <div id="menuDias">
  2.         <ul> 
  3.             <li class="dias"><a id="dia1" href="http://localhost/webs/web/agenda/27-04-2009">27</a></li>
  4.             <li class="dias"><a id="dia2" href="http://localhost/webs/web/agenda/28-04-2009">28</a></li>
  5.             <li class="dias"><a id="dia3" href="http://localhost/webs/web/agenda/29-04-2009">29</a></li>
  6.         </ul>
  7.     </div>

Código css: 
Ver original
  1. #menuDias
  2.     {
  3.     border-bottom:2px solid #858585;
  4.     height:80px;
  5.     overflow:hidden;
  6.     width:100&#37;;
  7.     }
  8.     
  9. #menuDias ul
  10.     {
  11.     text-align:center;
  12.     margin:0 auto;
  13.     width:680px;
  14.     padding:0;
  15.     }

Digamos que el segundo enlace, o el segudo item de la lista, aunque el width sea inferior a 680 y se recorten item, siempre debe de estar en el centro. Como ya dije, el efecto que busco es como centrar una imagen de fondo horizontalmente, y que lo primero que desaparece serían los laterales de forma igual.