menu behind map

Discussion in 'CSS' started by cucuru, Mar 12, 2010.

  1. #1
    hello, I have a menu from left to right when the mouse is over it.

    At right I have a google map, and the menu is behind it, I can't see it.

    this is my css file:

    
    #general {
    	overflow:hidden; 
    	width:100%; 
    	margin-left:3%;
    }
    
    #map {
    	margin-left:260px;
    	margin-top:40px;
    	width: 825px;
    	height: 500px;
     	border-color: #000;
    	border-style: solid;
    	
    }
    
    #menu {
    	float:left;
    	margin-top:25px;
    
    	width: 240px;
    
    	}
    
    #menu li { /* Esto evita que salgan los iconos de lista */
    	list-style:none;
    }
    
    	
    
    #menu li a { /* Esto evita que los enlaces salgan subrayados */
    
      	text-decoration: none;
    
    }
    
    
    #menu ul li {
    	position:relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */
    	width:200px;
    }
    
    
    
    #menu li a:link, #menu li a:visited{ /* Estilo del menú de primer nivel */
    	color: #9E3C02;
    
    	display: block;
    
    	background: url(menu/menu.gif);
    
    	padding: 8px 0 0 30px;
    
    }
    
    	
    
    #menu li a:hover{ /* Estilo del menú de primer nivel al tener el ratón sobre un elemento */
    
    	color: #fff;
    
    	background: url(menu/menu.gif) 0 -32px;
    
    	padding: 8px 0 0 30px;
    
    }
    
    	
    
    #menu li a:active, #menu li.activo a{ /* Estilo del menú de primer nivel al estar pulsando con el ratón o estar seleccionado */
    
    	color: #fff;
    
    	background: url(menu/menu.gif) 0 -64px;
    
    	padding: 8px 0 0 30px;
    
    }
    
    #menu li.falso { /* Sólo para que visualmente parezcan dos menús y se muevan a la vez */
    	padding: 30px 0 0 30px;
    }
    
    #menu ul.segundoNivel{ /* Estilo del menú de segundo nivel */	
    	position:absolute; /* Esta posición es relativa al <li> que contiene a este <ul> */
    	left:200px; /* Para que no monte sobre el <li> */
       	top:0px;
    	display:none;	
    	padding: 0 0 0 0;
    }
    
    #menu ul li:hover > ul{ /* Al tener el ratón sobre algún nivel o ser la selección el primer nivel se abren los demás*/
    	display:block;
    }
    
    #menu ul.tercerNivel{ /*Estilo del menú del tercer nivel */
    	display: none;	
    	position:absolute; /* Esta posición es relativa al <li> que contiene a este <ul> */
    	left:200px; /* Para que no monte sobre el <li> */
       	top:0px;
    	font : 55% sans-serif;
    	padding: 0 0 0 0;
    }
    
    Code (markup):
    How can I solve it?

    Thanks! Regards!
     
    cucuru, Mar 12, 2010 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    How about pointing us to the page? Link? The stylesheet means nothing without the html it applies to.

    cheers,

    gary
     
    kk5st, Mar 13, 2010 IP