Visualizzazione risultati 1 fino 3 di 3

Discussione: Menu a tendina sotto i contenuti

  1. #1
    pkmongiudizio non è connesso Neofita
    Data registrazione
    10-12-2011
    Messaggi
    23

    Angry Menu a tendina sotto i contenuti

    Ciao a tutti!

    Ultimamente ho imparato ad usare i Css e quale modo migliore per inserire un bel menu a tendina, dopo qualche giorno ci sono finalmente riuscito, tutto andava bene fino a quando non ho inserito lo spazio dei contenuti ed il menu di destra,

    in pratica quando apro il menu a tendina finisce sotto i contenuti
    Guardate



    Come potete vedere il menu manga finisce sotto un immagine ed una scritta!

    Come posso fare? io uso questo code :

    Codice:
    ul {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    
    
    }
    
    #navigation {
    	height: 48px;
    	background: transparent;
    
    	
    }
    
    #navigation > li {
    	float: left;
    	
    	height: 100%;
    	width: 9em;
    }
    
    #navigation > li > a {
    	float: left;
    	padding: 0;
    	text-align: center;
    	width: 100%;
    	text-decoration: none;
    	height: 100%;
    	font-weight: bold;
    	color: #fff;
    	text-transform: uppercase;
    	display: block;
    top:1.75em;
    z-index: 1;
    
    
    }
    
    #navigation > li > a:hover {
    	background: #bd253d;
    
    }
    
    #navigation li ul {
    	width: 100%;
    	background: #689bbc;
    	clear: both;
    	position: absolute;
    }
    
    #navigation li ul li {
    	width: 100%;
    	display: block;	
    }
    
    #navigation li ul li a {
    	display: block;
    	height: auto;
    	padding: 8px;
    	font-size: 12px;
    	color: #fff;
    	text-decoration: none;
    	text-align: left;
    }
    
    #navigation li ul li a:hover {
    	        background-color: #bd253d;
    }
    
    #navigation li.submenu:hover ul {
    	position: static;
    }
    Vi prego di aiutarmi! ho letto qualcosa sullo Z:index ma non so cosa sia e dove metterlo!

  2. #2
    Guest

    Predefinito

    Una ricerca su Google con chiave z-index non farebbe male.
    Già il primo risultato dovrebbe spiegarti tutto, ci sono anche gli esempi.

  3. #3
    pkmongiudizio non è connesso Neofita
    Data registrazione
    10-12-2011
    Messaggi
    23

    Predefinito

    Risolto tutto come hai detto te stefanodurso mi è bastato seguire una breve guida al Z:index.
    Questo sito lo spiega molto bene http://www.yourinspirationweb.com/20...rieta-z-index/

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •