Tema: Problemas con CSS, Flash y el<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 05/02/2010, 12:35
midnightlegna
 
Fecha de Ingreso: abril-2009
Mensajes: 5
Antigüedad: 15 años, 7 meses
Puntos: 1
Respuesta: Problemas con CSS, Flash y el<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Miren este es el codigo CSS que uso para el menu y lapagina web es la siguiente: http://abcinvestigacionesprivadas.org/

Código CSS: 
Ver original
  1. @charset "utf-8";
  2. /* CSS Document */
  3.  
  4. body{
  5. padding: 25px;
  6. }
  7.  
  8. /*^'^ Navigation Structure ^'^*/
  9. .nav-container-outer{
  10. background: #990000;
  11. padding: 0px;
  12. height: 74px;
  13. background: url(images/nav-bg.jpg);
  14. }
  15. .float-left{
  16. float: left;
  17. }
  18. .float-right{
  19. float: right;
  20. }
  21. .nav-container .divider{
  22. display:block;
  23. font-size:1px;
  24. border-width:0px;
  25. border-style:solid;
  26. }
  27. .nav-container .divider-vert{
  28. float:left;
  29. width:0px;
  30. display: none;
  31. }
  32. .nav-container .item-secondary-title{
  33. display:block;
  34. cursor:default;
  35. white-space:nowrap;
  36. }
  37. .clear{
  38. font-size:1px;
  39. height:0px;
  40. width:0px;
  41. clear:left;
  42. line-height:0px;
  43. display:block;
  44. float:none;
  45. }
  46. .nav-container{
  47. position:relative;
  48. zoom:1;
  49. margin: 0 auto;
  50. }
  51. .nav-container a, .nav-container li{
  52. float:left;
  53. display:block;
  54. white-space:nowrap;
  55. }
  56. .nav-container div a, .nav-container ul a, .nav-container ul li{
  57. float:none;
  58. }
  59. .nav-container ul{
  60. left:-10000px;
  61. position:absolute;
  62. }
  63. .nav-container, .nav-container ul{
  64. list-style:none;
  65. padding:0px;
  66. margin:0px;
  67. }
  68. .nav-container li a{
  69. float:none
  70. }
  71. .nav-container li{
  72. position:relative;
  73. }
  74. .nav-container ul{
  75. z-index:10;
  76. }
  77. .nav-container ul ul{
  78. z-index:20;
  79. }
  80. .nav-container ul ul ul{
  81. z-index:30;
  82. }
  83. .nav-container ul ul ul ul{
  84. z-index:40;
  85. }
  86. .nav-container ul ul ul ul ul{
  87. z-index:50;
  88. }
  89. li:hover>ul{
  90. left:auto;
  91. }
  92. #nav-container ul {
  93. top:100&#37;;
  94. }
  95. #nav-container ul li:hover>ul{
  96. top:0px;
  97. left:100%;
  98. }
  99.  
  100. /*^'^ Primary Items ^'^*/   
  101. #nav-container a{   
  102. padding:7px 17px 7px 18px;
  103. margin: 10px 0px 0px 0px;
  104. color: #FFFFFF; /*Color de letra*/
  105. font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
  106. font-size:14px;
  107. text-decoration:none;
  108. font-weight: bold;
  109. background: url(images/item-primary-bg.gif);
  110. background-repeat: no-repeat;
  111. background-position: top;
  112. }
  113.  
  114. #nav-container a:hover{
  115. color: #6C3600;
  116. background: url(images/item-primary-bg.gif);
  117. background-repeat: no-repeat;
  118. background-position: center;
  119. }
  120.  
  121. /*^'^ Secondary Items Container ^'^*/   
  122. #nav-container div, #nav-container ul{  
  123. padding:10px 4px 10px 4px;
  124. margin:0px 0px 0px 0px;
  125. background: url(images/item-secondary-container-bg.jpg);
  126. background-repeat: repeat-x;
  127. background-color: #C00000;
  128. border-bottom: 1px solid #CA6500;
  129. }
  130.  
  131. /*^'^ Secondary Items ^'^*/ 
  132. #nav-container div a, #nav-container ul a{  
  133. padding:3px 10px 3px 6px;
  134. background-color: #FFFFFF;
  135. background: url(images/item-secondary-bg.jpg);
  136. background-repeat: no-repeat;
  137. background-position: 0px 22px;
  138. font-size:11px;
  139. border-width:0px;
  140. border-style:none;
  141. margin: 0px 0px 0px 0px;
  142. width: 149px;
  143. }
  144.  
  145. /*^'^ Secondary Items Hover State ^'^*/ 
  146. #nav-container div a:hover, #nav-container ul a:hover{  
  147. background-color: #FFFFFF;
  148. background: url(images/item-secondary-bg.jpg);
  149. background-repeat: no-repeat;
  150. color:#CC0000;
  151. }
  152.  
  153. /*^'^ Secondary Item Titles ^'^*/   
  154. #nav-container .item-secondary-title{   
  155. cursor:default;
  156. padding:4px 0px 3px 7px;
  157. color: #6C3600;
  158. font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
  159. font-size:11px;
  160. /* background: url(images/item-secondary-title-bg.jpg); */
  161. background-repeat: no-repeat;
  162. font-weight:bold;
  163. }
  164.  
  165. /*^'^ Horizontal Dividers ^'^*/ 
  166. #nav-container .divider-horiz{  
  167. border-top-width:1px;
  168. margin:5px 5px;
  169. border-color: #C16100;
  170. }
  171.  
  172. /*^'^ Vertical Dividers ^'^*/   
  173. #nav-container .divider-vert{   
  174. border-left-width:1px;
  175. height:15px;
  176. margin:4px 2px 0px 2px;
  177. border-color:#AAAAAA;
  178. }