Foros del Web » Creando para Internet » CSS »

Ayuda con el Menu Por Favor!!!

Estas en el tema de Ayuda con el Menu Por Favor!!! en el foro de CSS en Foros del Web. Mi problema es que no me despliega un submenu y no se cual es el error que tengo..... Esta esta escrito en mi pagina : ...
  #1 (permalink)  
Antiguo 11/02/2011, 11:04
 
Fecha de Ingreso: diciembre-2010
Mensajes: 21
Antigüedad: 7 años
Puntos: 0
Pregunta Ayuda con el Menu Por Favor!!!

Mi problema es que no me despliega un submenu y no se cual es el error que tengo.....

Esta esta escrito en mi pagina :

Código PHP:
Ver original
  1. <td align="left" valign="top"><div align="center">
  2.           <ul id="MenuBar1" class="MenuBarHorizontal">
  3.             <li><a  href="http://localhost/Portafolio/index.php">Principal</a></li>
  4.             <li><a class="MenuBarItemSubmenu">Empresa</a></li>
  5.             <ul>
  6.       <li><a href="http://localhost/Portafolio/Paginas/Acceso.php">Acceso</a></li> </ul>
  7.        <ul><li><a href="http://localhost/Portafolio/Paginas/Acceso_Modificar.php">Editar_Registros</a></li></ul>
  8.        
  9.             <li><a href="http://localhost/Portafolio/Paginas/Portafolio.php">Portafolio</a></li>
  10.             <li><a href="http://localhost/Portafolio/Paginas/Clave_Administrador.php">Administrador</a></li>
  11.             <li><a href="http://localhost/Portafolio/Paginas/Contactanos.php">Contactanos</a></li>
  12.             <li><a href="">Buz&oacute;n</a></li>  
  13.             <li><a href="http://www.cititabasco.org/portal/index.php">CITI Tabasco</a></li>
  14.           </ul>
  15.         </div></td>

Esta es la Hoja de Stilo que estoy utilizando :
Código CSS:
Ver original
  1. @charset "UTF-8";
  2.  
  3. /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
  4.  
  5. /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
  6.  
  7. /*******************************************************************************
  8.  
  9.  LAYOUT INFORMATION: describes box model, positioning, z-order
  10.  
  11.  *******************************************************************************/
  12.  
  13. /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
  14. ul.MenuBarHorizontal
  15. {
  16.     margin: 0;
  17.     padding: 0;
  18.     list-style-type: none;
  19.     font-size: 100%;
  20.     cursor: default;
  21.     width: auto;
  22. }
  23. /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
  24. ul.MenuBarActive
  25. {
  26.     z-index: 1000;
  27. }
  28. /* Menu item containers, position children relative to this container and are a fixed width */
  29. ul.MenuBarHorizontal li
  30. {
  31.     margin: 0;
  32.     padding: 0;
  33.     list-style-type: none;
  34.     font-size: 100%;
  35.     position: relative;
  36.     text-align: left;
  37.     cursor: pointer;
  38.     width: 8em;
  39.     float: left;
  40. }
  41. /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
  42. ul.MenuBarHorizontal ul
  43. {
  44.     margin: 0;
  45.     padding: 0;
  46.     list-style-type: none;
  47.     font-size: 100%;
  48.     z-index: 1020;
  49.     cursor: default;
  50.     width: 8.2em;
  51.     position: absolute;
  52.     left: -1000em;
  53. }
  54. /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
  55. ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
  56. {
  57.     left: auto;
  58. }
  59. /* Menu item containers are same fixed width as parent */
  60. ul.MenuBarHorizontal ul li
  61. {
  62.     width: 8.2em;
  63. }
  64. /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
  65. ul.MenuBarHorizontal ul ul
  66. {
  67.     position: absolute;
  68.     margin: -5% 0 0 95%;
  69. }
  70. /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
  71. ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
  72. {
  73.     left: auto;
  74.     top: 0;
  75. }
  76.  
  77. /*******************************************************************************
  78.  
  79.  DESIGN INFORMATION: describes color scheme, borders, fonts
  80.  
  81.  *******************************************************************************/
  82.  
  83. /* Submenu containers have borders on all sides */
  84. ul.MenuBarHorizontal ul
  85. {
  86.     border: 1px solid #CCC;
  87. }
  88. /* Menu items are a light gray block with padding and no text decoration */
  89. ul.MenuBarHorizontal a
  90. {
  91.     display: block;
  92.     cursor: pointer;
  93.     background-color: #EEE;
  94.     padding: 0.5em 0.75em;
  95.     color: #333;
  96.     text-decoration: none;
  97. }
  98. /* Menu items that have mouse over or focus have a blue background and white text */
  99. ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
  100. {
  101.     background-color: #33C;
  102.     color: #FFF;
  103. }
  104. /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
  105. ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
  106. {
  107.     background-color: #33C;
  108.     color: #FFF;
  109. }
  110.  
  111. /*******************************************************************************
  112.  
  113.  SUBMENU INDICATION: styles if there is a submenu under a given menu item
  114.  
  115.  *******************************************************************************/
  116.  
  117. /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
  118. ul.MenuBarHorizontal a.MenuBarItemSubmenu
  119. {
  120.     background-image: url(SpryMenuBarDown.gif);
  121.     background-repeat: no-repeat;
  122.     background-position: 95% 50%;
  123. }
  124. /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
  125. ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
  126. {
  127.     background-image: url(SpryMenuBarRight.gif);
  128.     background-repeat: no-repeat;
  129.     background-position: 95% 50%;
  130. }
  131. /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
  132. ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
  133. {
  134.     background-image: url(SpryMenuBarDownHover.gif);
  135.     background-repeat: no-repeat;
  136.     background-position: 95% 50%;
  137. }
  138. /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
  139. ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
  140. {
  141.     background-image: url(SpryMenuBarRightHover.gif);
  142.     background-repeat: no-repeat;
  143.     background-position: 95% 50%;
  144. }
  145.  
  146. /*******************************************************************************
  147.  
  148.  BROWSER HACKS: the hacks below should not be changed unless you are an expert
  149.  
  150.  *******************************************************************************/
  151.  
  152. /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
  153. ul.MenuBarHorizontal iframe
  154. {
  155.     position: absolute;
  156.     z-index: 1010;
  157.     filter:alpha(opacity:0.1);
  158. }
  159. /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
  160. @media screen, projection
  161. {
  162.     ul.MenuBarHorizontal li.MenuBarItemIE
  163.     {
  164.         display: inline;
  165.         f\loat: left;
  166.         background: #FFF;
  167.     }
  168. }

De antemano te doy las gracias pero me urge no se cual es el error que tengo...
  #2 (permalink)  
Antiguo 11/02/2011, 11:57
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: Ayuda con el Menu Por Favor!!!

A simple vista veo que tenesmal estructurado tu HTML
proba con esto:

Código HTML:
Ver original
  1. <td align="left" valign="top">
  2. <div align="center">
  3.  <ul id="MenuBar1" class="MenuBarHorizontal">
  4.    <li><a  href="http://localhost/Portafolio/index.php">Principal</a></li>
  5.    <li><a class="MenuBarItemSubmenu">Empresa</a>
  6.      <ul>
  7.        <li><a href="http://localhost/Portafolio/Paginas/Acceso.php">Acceso</a></li>  
  8.      </ul>
  9.      <ul>
  10.        <li><a href="http://localhost/Portafolio/Paginas/Acceso_Modificar.php">Editar_Registros</a></li>
  11.      </ul>
  12.    </li>    
  13.    <li><a href="http://localhost/Portafolio/Paginas/Portafolio.php">Portafolio</a></li>
  14.    <li><a href="http://localhost/Portafolio/Paginas/Clave_Administrador.php">Administrador</a></li>
  15.    <li><a href="http://localhost/Portafolio/Paginas/Contactanos.php">Contactanos</a></li>
  16.    <li><a href="">Buz&oacute;n</a></li>  
  17.    <li><a href="http://www.cititabasco.org/portal/index.php">CITI Tabasco</a></li>
  18.  </ul>
  19. </div>
  20. </td>

Slds.-

Etiquetas: favor
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 09:40.