Tema: Problema con los <li>
Ver Mensaje Individual
  #21 (permalink)  
Antiguo 30/06/2013, 08:43
Jaimemartin
 
Fecha de Ingreso: marzo-2013
Mensajes: 91
Antigüedad: 11 años, 1 mes
Puntos: 3
Respuesta: Problema con los <li>
Código CSS: 
Ver original
  1. <style type="text/css">
  2. body{
  3.      margin: 0;
  4.         background:url("imagenes/fondo.png") repeat-y scroll center top #FFFFFF
  5.     }
  6.     #content-wrapper{
  7.         width:945px;
  8.         margin-right:auto;
  9.         margin-left:auto;
  10.         }
  11.     #main-wrapper{
  12.         width:100%;
  13.     }
  14. #contenedor {
  15.     width: 945px;
  16.     margin-right: auto;
  17.     margin-left: auto;
  18. }
  19. #contenedor #cabecera {
  20.     width: 945px;
  21. }
  22. #contenedor #cabecera #menu-superior {
  23.     height: 19px;
  24.     width: auto;
  25.     font-size: 11px;
  26.     font-style: normal;
  27.     font-family: Verdana, Geneva, sans-serif;
  28.     font-weight: bold;
  29.     padding-left: 6px;
  30.     padding-top: 3px;
  31.     padding-bottom: 0px;
  32.     text-transform: none;
  33.     background-image: url(Imagenes/background-cabecera-menusuperior.png);
  34.     background-attachment: scroll;
  35.     background-repeat: no-repeat;
  36.     background-position: left top;
  37.     color: #666;
  38. }
  39. #contenedor #cabecera #menu-superior a {
  40.     font-family: Verdana, Geneva, sans-serif;
  41.     color: #999;
  42.     text-decoration: none;
  43. }
  44. #contenedor #cabecera #cabecera-principal {
  45.     height: auto;
  46.     width: 945px;
  47.     height: 76px;
  48.     padding: 0px;
  49.     width: 945px;
  50.     background-image: url(Imagenes/background-cabecera-principal.png);
  51. }
  52. #contenedor #cabecera #cabecera-principal #logo {
  53.     width: auto;
  54.     margin-top: 10px;
  55.     margin-right: 0;
  56.     margin-bottom: 0;
  57.     margin-left: 10px;
  58.     cursor: auto;
  59.     border: 0;
  60.     text-decoration: none
  61. }
  62. #contenedor #cabecera #cabecera-principal #centro {
  63.     height: 75px;
  64.     width: 200px;
  65.     float: left;
  66. }
  67. #contenedor #cabecera #cabecera-principal #zona {
  68.     height: 75px;
  69.     width: 339px;
  70.     float: left;
  71. }
  72. #contenedor #cabecera #menu-principal {
  73.   display: table; 
  74.   width: 945px;
  75.   height: 29px;
  76. }
  77.  
  78. #contenedor #cabecera #menu-principal ul {
  79.   display: table-row;
  80.   margin: 0;
  81.   padding: 0;
  82.   list-style: none;
  83. }
  84.  
  85. #contenedor #cabecera #menu-principal ul li {
  86.     display: table-cell;
  87.     background-color: #C8E654
  88. }
  89.  
  90. #contenedor #cabecera #menu-principal ul li a {
  91.   display: block;
  92.   padding: 7px;
  93.   border-right: 1px solid #8EB50B;
  94.   background: url(Imagenes/background-menu-boton.jpg) repeat-x;
  95.   color: #fff;
  96.   font-family: Verdana, Geneva, sans-serif;
  97.   font-size: 12px;
  98.   font-weight: bolder;
  99.   text-align: center;
  100.   text-decoration: none;
  101. }
  102. #contenedor #cabecera #menu-principal ul li a:hover {
  103.   background: url(Imagenes/background-menu-boton_over.jpg) repeat-x;
  104. } 
  105. #contenedor #cuerpo {
  106.     width: 945px;
  107.     height: auto;
  108.     margin: 0px;
  109. }
  110. #contenedor #cuerpo #modulo-banner-superior {
  111.     height: 3px;
  112.     width: 945px;
  113. }
  114. #contenedor #cuerpo #banner {
  115.     height: 260px;
  116.     width: 945px;
  117. }
  118. #contenedor #cuerpo #modulo-banner-inferior {
  119.     height: 35px;
  120.     width: 945px;
  121. }
  122. #contenedor #cuerpo #cuerpo-principal {
  123.     height: auto;
  124.     width: 945px;
  125. }
  126. #contenedor #pie {
  127.     height: auto;
  128.     width: 945px;
  129.     margin: 0px;
  130. }
  131. body {
  132.     margin: 0;
  133. }
  134. </style>