Foros del Web » Creando para Internet » CSS »

Menu horizontal [problema]

Estas en el tema de Menu horizontal [problema] en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 14/07/2011, 00:18
 
Fecha de Ingreso: mayo-2010
Mensajes: 53
Antigüedad: 6 años, 10 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 =)
  #2 (permalink)  
Antiguo 14/07/2011, 02:45
Avatar de vgonga1986  
Fecha de Ingreso: marzo-2008
Ubicación: País de Pandereta
Mensajes: 1.021
Antigüedad: 9 años
Puntos: 252
Respuesta: Menu horizontal [problema]

Tu problema es tan simple como esto:
Código:
<div id="menubar">
    <ul id=”button”>
No ves que las dobles comillas de "menubar" son diferentes que las de "button". Cambialás, yo he hecho eso localmente y se me ve perfecto, será de un copy-paste.

Un saludo.

Etiquetas: horizontal, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:40.