Tema: Menu horizontal [problema]
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/07/2011, 00:18
kenyis01
 
Fecha de Ingreso: mayo-2010
Mensajes: 53
Antigüedad: 14 años, 5 meses
Puntos: 0
Menu horizontal [problema]
Buenas, seguramente mi problema sea muy tonto, pero no le pude encontrar el error jajaja, la cuestión es que quiero hacer un menú horizontal, aplique todo bien (creo) y me queda verticalmente sin ningún efecto que le hice: pueden verlo en www.bender-online.com.ar/alejo
Dejo el código:

Código HTML:
<div id="menubar">
    <ul id=”button”>
     <li><a href=”#”>¿QUIENES SOMOS?</a></li>
     <li><a href=”#”>PROFESIONALES</a></li>
     <li><a href=”#”>CARRERAS Y CURSOS</a></li>
     <li><a href=”#”>PUBLICACIONES</a></li>
     <li><a href=”#”>AGENDA</a></li>
     <li><a href=”#”>CONTÁCTESE</a></li>
 </ul>  
</div>
CSS:
Código CSS: 
Ver original
  1. body {
  2. background-color: #c7b9a2;
  3. width: 100%;
  4. margin: 0;
  5. }
  6. p {
  7. font-family: Verdana, Arial, Helvetica, sans-serif;
  8. font-size: 11px;
  9. color: #000000;
  10. }
  11. h2 {
  12. font-family: Arial, Helvetica, sans-serif;
  13.  
  14. font-size: 11px;
  15. font-weight: bold;
  16. color: #8c7947;
  17. }
  18. a {
  19. font-family: Arial, Helvetica, sans-serif;
  20. font-size: 11px;
  21. font-weight: bold;
  22. color: #5d7f8c;
  23. text-decoration: none;
  24. }
  25. a:hover {
  26. font-family: Arial, Helvetica, sans-serif;
  27. font-size: 11px;
  28. font-weight: bold;
  29. color: #5d7f8c;
  30. text-decoration: underline;
  31. }
  32. #wrapper {
  33. width:960px;
  34. border: 0;
  35. background-color: #FFFFFF;
  36. }
  37. #banner {
  38. background-color: #FFFFFF;
  39. width: 960px;
  40. height: 128px;
  41. border: 0;
  42. }
  43. #menubar {
  44. width: 960px;
  45. height: 38px;
  46. border: 0;
  47. }
  48. #button {
  49. padding: 0;
  50. width: 960px;
  51. }
  52. #button li {
  53. display: inline;
  54. }
  55. #button li a {
  56. font-family: Arial, Helvetica, sans-serif;
  57. font-size:11px;
  58. text-decoration: none;
  59. float:left;
  60. padding: 10px;
  61. background-color: #2175bc;
  62. color: #fff;
  63. }
  64. #button li a:hover {
  65. background-color: #2586d7;
  66. margin-top:-2px;
  67. padding-bottom:12px;
  68. }
  69. #left_col{
  70. background-color: #FFFFFF;
  71. float: left;
  72. width: 195px;
  73. }
  74. .arial10_rojo-link{
  75. font-family: Arial, Helvetica, sans-serif;
  76. font-size: 11px;
  77. font-weight: bold;
  78. color: #5d7f8c;
  79. text-decoration: none;
  80. padding-left: 10px;
  81. }
  82. .titulo_seccion {
  83. font-family:Verdana, Geneva, sans-serif;
  84. font-size: 12px;
  85. font-weight: bold;
  86. color: #8c7947;
  87. text-decoration: none;
  88. }
  89. .menuv {
  90. border: 1px solid #f1f2e8;
  91. border-width: 1px 1px 0 1px;
  92. width: 180px;
  93. font: 80% "Sans-Serif", Arial, Helvetica, sans-serif;
  94. margin-top:-12px;
  95. }
  96. .menuv ul, li {
  97. list-style-type: none;
  98. }
  99. .menuv ul {
  100. margin: 0;
  101. padding: 0;
  102. }
  103. .menuv li {
  104. border-bottom: 1px solid #f1f2e8;
  105. }
  106. .menuv a {
  107. text-decoration: underline;
  108. color: #5d7f8c;
  109. background: #bfbcaa;
  110. display: block;
  111. padding: 3px 6px;
  112. width: 167px;
  113. }
  114. .menuv a:hover {
  115. text-decoration: underline;
  116. background: #d7d5c7;
  117. }
  118. #right_col {
  119. float: right;
  120. background-color: white;
  121. width: 195px;
  122. }
  123. #page_content {
  124. background-image:url('imagenes/content.jpg');
  125. background-color: white;
  126. width: 570px;
  127. margin-top: 0px;
  128. }
  129. #content {
  130. padding-right: 10px;
  131. padding-left: 10px;
  132. padding-top: 10px;
  133. text-align:left;
  134. }
  135. #footer {
  136. padding-left: 10px;
  137. margin-top: -12px;
  138. margin-left: 10px;
  139. margin-right: 10px;
  140. text-align:left;
  141. }
  142. #footer2 {
  143. margin-top: -8px;
  144. padding-left: 10px;
  145. margin-left: 10px;
  146. margin-right: 10px;
  147. text-align:left;
  148. }

Alguna solución? Muchas gracias =)