Foros del Web - Ver Mensaje Individual

gachon · #1 (**permalink**) 17/10/2004, 23:04

hola muy buenas tengo un menu desplegable de la pagina http://simplythebest.net/scripts/,,,,,,
el problema es cuando el menu lo agrego a la pagina .. que al tener justo debajo del menu desplegable otra cosa ,,, no sale el despliegue,,, y yo quiero saber como se hace para que el despliege salga por encima de lo que tenga puesto justo debajo,,,

bueno aqui os dejo el codigo del menu desplegable por si acaso:

Código:

<html>

<head>
 <script type="text/javascript" language="JavaScript">
<!---
// Use Freely as long as following disclaimer is intact ::
//---------------------------------------------------------------
// Cross Browser Multi-Orientation Menu v1.5 17th August 2004
// This script written by Rik Comery. www.ricom.co.uk
// For support, visit the "Resources" section at www.ricom.co.uk
// All rights reserved.
// Featured in the SimplytheBest DHTML Scripts Library at http://simplythebest.net/scripts/

//  MENU ITEMS //
// DUPLICATE THIS ENTIRE SECTION FOR MULTIPLE MENUS.  PLEASE SEE THE INSTRUCTIONS FILE FOR DETAILS ///
var Menu1 = new Array ()
var subMenu1 = new Array ()

   Menu1[0] = new Array("Principal", "http://planmagic.com","_top", "left")
     subMenu1[0] = new Array()

   Menu1[1] = new Array("Propiedades", "http://planmagic.com/products.html","_top", "left")
     subMenu1[1] = new Array()
     subMenu1[1][0] = new Array ("Business plan", "http://planmagic.com/business_planning.html","_top")
     subMenu1[1][1] = new Array ("Marketing plan", "http://planmagic.com/marketing_planning.html","_top")
     subMenu1[1][2] = new Array ("Web marketing plan", "http://planmagic.com/webquest.html","_top")
     subMenu1[1][3] = new Array ("Financial plan", "http://planmagic.com/financial_planning.html","_top")
     subMenu1[1][4] = new Array ("Hospitality industry", "#808080","#FFFF88")               //
     subMenu1[1][5] = new Array ("Restaurant plan", "http://plan-a-restaurant.com","_top")
     subMenu1[1][6] = new Array ("Bar business plan", "http://planmagic.com/business_plan/bar_business_plan.html","_top")
     subMenu1[1][7] = new Array ("Bed & Breakfast plan", "http://planmagic.com/business_plan/bed_and_breakfast_business_plan.html","_top")
     subMenu1[1][8] = new Array ("Hotel business plan", "http://planmagic.com/business_plan/hotel_business_plan.html","_top")

   Menu1[2] = new Array("Venda Su propiedad", "http://planmagic.com/download.html","_top", "left")
     subMenu1[2] = new Array()

   Menu1[3] = new Array("Contactar", "http://planmagic.com/register.html","_top", "left")
     subMenu1[3] = new Array()

   Menu1[4] = new Array("Ubicacion", "http://ricom.co.uk/contacts.php","_top", "right")
     subMenu1[4] = new Array()

   Menu1[5] = new Array("Quienes Somos", "http://planmagic.com/toolkit/toolkit.html","_top", "left")
     subMenu1[5] = new Array()

/// FORMAT MENU  ///
menuStyle = "3d"                                  // Menu Style (flat, 3d)
cellPadding = "3"                                   // Cell Padding
cellBorder = 1                                      // Border width (for no border, enter 0)  THIS VALUE APPLIES TO ALL MENUS
verticalOffset = "0"                                // Vertical offset of Sub Menu.
horizontalOffset = "0"                              // Horizontal offset of Sub Menu.
subMenuDelay = 2                                    // Time sub menu stays visible for (in seconds). THIS VALUE APPLIES TO ALL MENUS
subIndicate = 1                                     // Show if a sub menu is present (use 0 for "no")  THIS VALUE APPLIES TO ALL MENUS
indicator = "->" // Symbol to show if a sub menu is present (subIndicate must be to set to 1)
                                                    // Use standard HTML <img> tag. You can use a character instead of an image.
                                                    // e.g.      indicator = ">"
// Main Menu Items
menuWidth = "15%"                  // Width of menu item.  Use 0 for default
borderColor = "Black"            // Border Colour (flat mode only)
borderHighlight = "#97BBD3"      // Border Highlight Colour (3d mode only)
borderShadow = "#31556D"         // Border Shadow Colour (3d mode only)
menuBackground = "#2b83c4"       // Cell Background Colour
menuHoverBackground = "beige"    // Cell Background Colour on mouse rollover
fontFace = "arial"               // Font Face
fontColour = "#FFFFFF"           // Font Colour
fontHoverColour = "#2b83c4"      // Font Colour on mouse rollover
fontSize = "8pt"                 // Font Size
fontDecoration = "none"          // Style of the link text (none, underline, overline, line-through)
fontWeight = "normal"            // Font Weight (normal, bold)

// Sub Menu Items
smenuWidth = "0"                 // Width of sub menu item.  Use 0 for default
sborderColor = "Black"           // Border Colour (flat mode only)
sborderHighlight = "#E9E9E2"     // Border Highlight Colour (3d mode only)
sborderShadow = "#83837C"        // Border Shadow Colour (3d mode only)
smenuBackground = "beige"        // Cell Background Colour
smenuHoverBackground = "#2b83c4" // Cell Background Colour on mouse rolloverr
sfontFace = "arial"              // Font Face
sfontColour = "#2b83c4"          // Font Colour
sfontHoverColour = "#FFFFFF"     // Font Colour on mouse rollover
sfontSize = "8pt"                // Font Size
sfontDecoration = "none"         // Style of the link text (none, underline, overline, line-through)
sfontWeight = "normal"           // Font Weight (normal, bold)

quantity = 1
/// END FORMAT MENU  ////

/// DO NOT EDIT BELOW THIS LINE  ///
// Browser Sniffer
var isIE = (document.getElementById && document.all)?true:false;
var isNS4 = (document.layers)?true:false;
var isNS6 = (document.getElementById && !document.all)?true:false;
var timer;
var obj = (isIE)?"document.all":"document.getElementById"
// Menu Styles
function createStyles(quant){
styleBorder=(menuStyle.split(",")[quant-1].toLowerCase() == "flat")?cellBorder:0
  document.writeln ('<style>');
  document.writeln ('.rcMenuStatic'+quant+' {font-family:'+fontFace.split(",")[quant-1]+';font-size:'+fontSize.split(",")[quant-1]+';color:'+fontColour.split(",")[quant-1]+';font-weight:'+fontWeight.split(",")[quant-1]+';background-color:'+menuBackground.split(",")[quant-1]+'; cursor:hand; text-decoration:'+fontDecoration.split(",")[quant-1]+'}');
  document.writeln ('.rcMenuHover'+quant+'  {font-family:'+fontFace.split(",")[quant-1]+';font-size:'+fontSize.split(",")[quant-1]+';color:'+fontHoverColour.split(",")[quant-1]+';font-weight:'+fontWeight.split(",")[quant-1]+';background-color:'+menuHoverBackground.split(",")[quant-1]+'; cursor:hand; text-decoration:'+fontDecoration.split(",")[quant-1]+'}');
  document.writeln ('.rcSubMenuStatic'+quant+' {font-family:'+sfontFace.split(",")[quant-1]+';font-size:'+sfontSize.split(",")[quant-1]+';color:'+sfontColour.split(",")[quant-1]+';font-weight:'+sfontWeight.split(",")[quant-1]+';text-decoration:'+sfontDecoration.split(",")[quant-1]+';background-color:'+smenuBackground.split(",")[quant-1]+'; cursor:hand}');
  document.writeln ('.rcSubMenuHover'+quant+'  {font-family:'+sfontFace.split(",")[quant-1]+';font-size:'+sfontSize.split(",")[quant-1]+';color:'+sfontHoverColour.split(",")[quant-1]+';font-weight:'+sfontWeight.split(",")[quant-1]+';text-decoration:'+sfontDecoration.split(",")[quant-1]+';background-color:'+smenuHoverBackground.split(",")[quant-1]+'; cursor:hand}');
  document.writeln ('</style>');
}
// Build and show the main menu items
function showMenus(quant,definedOrientation)