Foros del Web » Creando para Internet » CSS »

manejo de un menu

Estas en el tema de manejo de un menu 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..... @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código PHP: Ver original < ...
  #1 (permalink)  
Antiguo 11/02/2011, 10:51
 
Fecha de Ingreso: diciembre-2010
Mensajes: 21
Antigüedad: 7 años
Puntos: 0
Pregunta manejo de un menu

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

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>

Y esta es la hoja de estilo que manejo :
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. }

Espero y me respondan de antemano les doy las gracias
  #2 (permalink)  
Antiguo 11/02/2011, 10:56
Avatar de jonasanx  
Fecha de Ingreso: enero-2011
Ubicación: La Via Lactea, Mexico, Mexico, Mexico
Mensajes: 134
Antigüedad: 6 años, 11 meses
Puntos: 4
Respuesta: manejo de un menu

Tu problema no guarda relación con PHP, pasad al foro de HTML y CSS.
  #3 (permalink)  
Antiguo 11/02/2011, 15:50
Avatar de GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 11 años, 6 meses
Puntos: 2122
Tema movido desde PHP a CSS

Etiquetas: manejo
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 23:50.