Tema: problema con capa de menu
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 19/01/2010, 17:20
pilopi123
(Desactivado)
  
Fecha de Ingreso: diciembre-2009
Mensajes: 110
Antigüedad: 14 años, 4 meses
Puntos: 3
Respuesta: problema con capa de menu
miren los codigos de mi web
CSS
Código CSS: 
Ver original
  1. #adress{
  2.     margin-top: 1em;
  3.     padding-top: 1em;
  4.     border-top: thin dotted;
  5.     border-width: 1px;
  6. }
  7.  
  8. img {
  9.     border:none;
  10. }
  11.  
  12. a img {
  13. border:none;
  14. }
  15.    
  16.  
  17.  
  18.  
  19. body {
  20.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, Mazda, Zapfino, "Tekton Pro";
  21.     color: gray;
  22.     border-color: #fff;
  23.     background: url(imagenes/10062.gif) repeat;
  24.     
  25. }
  26.  
  27. a:hover {
  28.     color: gray;
  29.     text-decoration: underline;
  30. }
  31.  
  32. a:link {
  33.     color: gray;
  34.     text-decoration: none;
  35.     
  36. }
  37.  
  38. a:link , a:visited{
  39.     color: gray;
  40.     text-decoration: none;
  41. }
  42.  
  43.  
  44. .mensaje_blog {
  45.     direction: ltr;
  46.     font-size: 12px;
  47. }
  48.  
  49. #textos_inicio {
  50.     direction: ltr;
  51.     text-align: justify;
  52.     margin-left: 15em;
  53.     font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif, Mazda, Zapfino, "Tekton Pro";
  54.     
  55. }
  56.  
  57.  
  58. .titulos {
  59.     background-attachment: fixed;
  60.     font: bold 15px Georgia, "Times New Roman", Times, serif;
  61.     text-align: center;
  62.  
  63. }
  64.  
  65. h1 {
  66.     font: bold 18pt "Comic Sans MS", Georgia, "Times New Roman", Times, serif;
  67. }
  68.  
  69. h2 {
  70.     font: bold 15pt "Comic Sans MS", Geordia, "Time New Roman", Times, serif;
  71.  
  72. }
  73.  
  74. h5 {
  75. font: 12pt;
  76. }
  77.  
  78. .tutoriales {
  79.     text-align: justify;
  80.     text-transform: capitalize;
  81.     font: italic bold 12px "Comic Sans MS";
  82. }
  83.  
  84. #barra{
  85. border-radius: 10 px;
  86. -moz-border-radius:10px;
  87. -webkit-border-radius:10px;
  88.     background-color: #c0c0c0;
  89.     width:160px;
  90.     padding-top: 0.5px;
  91.     padding-left: 2px;
  92.     padding-right: 2px;
  93.     padding-bottom: 0px;
  94.     position: absolute;
  95.     border: 5px solid #c0c0c0;
  96.     margin-bottom: auto;
  97.     margin-top: 1px;
  98.     left: 8px;
  99.     
  100. }
  101.  
  102. /* comienza footer */
  103.  
  104.  
  105. #footer { width: 100%; height: 50px;
  106.     text-align: justify;
  107.     font-size: 12px;
  108.     margin: auto;
  109.  
  110.     color: #fff;
  111.     bottom: 0;
  112.     list-style-image: url(imagenes/footer.png);
  113.     position: absolute;
  114. }
  115.  
  116. /* termina footer */
  117.  
  118.  
  119. #enlases {
  120.     
  121. }
  122.  
  123. /* @end */
  124.  
  125.  
  126.  
  127. /* Comienza menu */
  128.  
  129. #navegador {
  130. margin: 0 auto;
  131. }
  132.  
  133.  
  134. #navegador ul{
  135.    list-style-type: disc;
  136.    text-align: center;
  137.     border-radius: 10 px;
  138.     -moz-border-radius:10px;
  139.     -webkit-border-radius:10px;
  140. }
  141.     
  142. #navegador li{
  143.    display: inline;
  144.    text-align: center;
  145.    margin: 0 10px 0 0;
  146.     float: none;
  147.     clear: both;
  148.     list-style-type:circle;
  149.     padding-top: 50%;
  150.     padding-bottom: 50%;
  151. border-radius: 10 px;
  152. -moz-border-radius:10px;
  153. -webkit-border-radius:10px;
  154. }
  155. #navegador li a {
  156.    padding: 2px 7px 2px 7px;
  157.    color: #ffffff;
  158.    text-decoration: none;
  159.     float: none;
  160.     clear: both;
  161.     background-image: url(imagenes/menu%20inactivo.jpg);
  162.  
  163.     list-style-type:circle;
  164.     border-radius: 10 px;
  165.     -moz-border-radius:10px;
  166.     -webkit-border-radius:10px;
  167.  
  168.     
  169. }
  170. #navegador li a:hover{
  171.    color: #58cdfd;
  172.     float: none;
  173.     clear: both;
  174.     background-image: url(imagenes/menu%20activo.jpg);
  175.     list-style-type:circle;
  176.     border-left-color: url(imagenes/menu%20inactivo.jpg);
  177.     border-left:  10px solid;
  178.     border-radius: 10 px;
  179.     -moz-border-radius:10px;
  180.     -webkit-border-radius:10px;
  181. }
  182.  
  183. #navegador  .current {
  184.     color: #58cdfd;
  185.     clear: both;
  186.     background-image: url(imagenes/menu%20activo.jpg);
  187.     list-style-type:circle;
  188.     border-radius: 10 px;
  189.     -moz-border-radius:10px;
  190.     -webkit-border-radius:10px;
  191. }
  192.  
  193.  
  194.     
  195.  
  196.  
  197.  
  198.  
  199. #nav {
  200.  
  201.         border-left-color: url(imagenes/menu%20inactivo.jpg);
  202.  
  203.         border-width: 1px 1px 0 1px;
  204.  
  205.         width: 150px;
  206.  
  207.         font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
  208.         background-image: url(imagenes/menu%20inactivo.jpg);
  209.         border-radius: 10 px;
  210.         -moz-border-radius:10px;
  211.         -webkit-border-radius:10px;
  212.  
  213. }
  214.  
  215. #nav ul, li {
  216.  
  217.         list-style-type: none;
  218.  
  219. }
  220.  
  221.  
  222.  
  223. #nav ul {
  224.  
  225.         margin: 0;
  226.  
  227.         padding: 0;
  228.  
  229. }
  230.  
  231.  
  232.  
  233. #nav li {
  234.  
  235.         border-bottom: 1px solid #ACCFE8;
  236.  
  237. }
  238.  
  239.  
  240.  
  241. #nav a {
  242. background-image: url(imagenes/menu%20inactivo.jpg);
  243. border-radius: 10 px;
  244. -moz-border-radius:10px;
  245. -webkit-border-radius:10px;
  246.  
  247.         text-decoration: none;
  248.  
  249.         color: #3366CC;
  250.  
  251.  
  252.         display: block;
  253.  
  254.         padding: 3px 6px;
  255.  
  256.         width: 138px;
  257.  
  258. }
  259.  
  260.  
  261.  
  262. #nav a:hover {
  263.  
  264.         background: #DBEBF6;
  265.  
  266. }
  267.  
  268. /* termina menu */
  269.  
  270.  
  271.  
  272.  
  273.  
  274. /* comienza slider */
  275.  
  276. #container-slider{
  277.     display: block;
  278.     top: 50%;
  279.     left: 50%;
  280.     right: 50%;
  281. }
  282.  
  283. #slider ul, #slider li,
  284.     #slider2 ul, #slider2 li{
  285.     margin: 0;
  286.         padding:0;
  287.         list-style:none;
  288.     position: relative;
  289. }
  290.     #slider2{margin-top:1em;}
  291.     #slider li, #slider2 li{ 
  292.         /* 
  293.             define width and height of list item (slide)
  294.             entire slider area will adjust according to the parameters provided here
  295.         */ 
  296.         width:400px;
  297.         height:300px;
  298.         overflow:hidden; 
  299.         }   
  300.     #prevBtn, #nextBtn,
  301.     #slider1next, #slider1prev{ 
  302.         display:block;
  303.         width:30px;
  304.         height:77px;
  305.         left:300px;
  306.         top:100px;
  307.     position: absolute;
  308. }   
  309.     #nextBtn, #slider1next{ 
  310.         left:400px;
  311.         }                                                       
  312.     #prevBtn a, #nextBtn a,
  313.     #slider1next a, #slider1prev a{  
  314.         display:block;
  315.         position:absolute;
  316.         width:30px;
  317.         height:77px;
  318.         background:url(../imagenes/btn_prev.gif) no-repeat 0 0; 
  319.         }   
  320.     #nextBtn a, #slider1next a{ 
  321.         background:url(../imagenes/btn_next.gif) no-repeat 0 0; 
  322.         }   
  323.         
  324.     /* numeric controls */  
  325.  
  326.     ol#controls{
  327.         margin:1em 0;
  328.         padding:0;
  329.         height:28px;    
  330.         }
  331.     ol#controls li{
  332.         margin:0 10px 0 0; 
  333.         padding:0;
  334.         float:left;
  335.         list-style:none;
  336.         height:28px;
  337.         line-height:28px;
  338.         }
  339.     ol#controls li a{
  340.         float:left;
  341.         height:28px;
  342.         line-height:28px;
  343.         border:1px solid #ccc;
  344.         background:#DAF3F8;
  345.         color:#555;
  346.         padding:0 10px;
  347.         text-decoration:none;
  348.         }
  349.     ol#controls li.current a{
  350.         background:#5DC9E1;
  351.         color:#fff;
  352.         }
  353.     ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}