Visualizzazione dei risultati da 1 a 9 su 9

Discussione: Problema menu css

  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    218

    Problema menu css

    Ho un problema con un menu css:

    Codice PHP:

    function print_menu(){
        echo 
    "<div class=\"menu\"><ul>
                [*]<a href=\"./index.php\" title=\"Utilizza i tasti ALT + SHIFT + H per accedere\" accesskey=\"h\">Home</a>
                [*]<a href=\"./destinazioni.php\" title=\"Utilizza i tasti ALT + SHIFT + D per accedere\" accesskey=\"d\">Destinazioni</a>"
    ;
                if(isset(
    $_SESSION['user'])){
                    echo 
    "[*]<a href=\"./findflight.php\" title=\"Utilizza i tasti ALT + SHIFT + P per accedere\" accesskey=\"p\">Prenota</a>";
                    }
                    echo 
    "[*]<a href=\"./register.php\" title=\"Utilizza i tasti ALT + SHIFT + R per accedere\" accesskey=\"r\">Registrati</a>";
                echo 
    "[*]<a href=\"./chisiamo.php\" title=\"Utilizza i tasti ALT + SHIFT + W per accedere\" accesskey=\"w\">Chi siamo</a>
            [/list]</div>"
    ;

    e il suo foglio di stile:

    codice:
     
    .menu{
    	height: 40px;
    	width:100%;	 	
    	position:relative;
    	top:130px;
    }
    
    .menu ul{
    	display: block;
    	height:100%;
    }
    
    .menu ul li{
    	float: left;
    	display:block
    }
    
    .menu ul li a{
    	width:110px;
    	height:28px;
    	text-decoration: none;
    	text-align: center;
    	display: block;
    	border-bottom:2px solid #68EAFF;
    	margin-right: 20px;
    	font-weight: bold;
    	font-size:110%;
    }
    
    .menu ul li a:hover{
    	color: #e6ff14;
    
    	border-bottom:2px solid #e6ff14;
    
    	/*background: url('../images/menus.png') left no-repeat;*/
    }
    Però davvero non capisco perchè mi faccia sto gioco... Va tutto a posto se sono loggato.


    In pratica quando non sono loggato come utente il menu "prenota" non deve apparire, se non sono loggato mi appare questo:


    Uploaded with ImageShack.us

    Se sono loggato:



    Uploaded with ImageShack.us

    Il menu è dentro l'header:
    codice:
    #header{ 	
    width: 980px;  	
    height:185px; 	
    background: url('../images/company_name_bckg2.jpg') repeat-x; 	
    margin-top: 20px; 	
    margin-left: auto; 	
    margin-right:auto; 	
    position:relative; 
    }
    
    
    Grazie a chi mi aiuta!

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    dalla screenshot è impossibile dirlo con cognizione di causa.

    Magari c'è qualcosa a destra del menu che compare da utente non loggato, oppure cambiano i contenuti o aggiungi stile aggiuntivo che sovrascrive il comportamento corretto
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    218
    Intanto grazie.

    Che test posso fare? Ho guardato anche con firebug ma non trovo nulla.

    Quando sono loggato lo stile rimane lo stesso in ogni caso...

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Originariamente inviato da TheBestNeo
    Intanto grazie.

    Che test posso fare? Ho guardato anche con firebug ma non trovo nulla.

    Quando sono loggato lo stile rimane lo stesso in ogni caso...
    a intuito sembra che la lista (o il div che la contiene) non si estenda al 100% dello spazio.
    se non ne cambi lo stile tra gli stati loggato/non loggato mi verrebbe spontaneo pensare che ci sia qualcosa di diverso nel layout
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  5. #5
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    per essere sicuri:
    stampa il codice HTML del menu nei due casi loggato / non loggato

    non il codice PHP che lo genera, bensì il codice che riceve il browser (ed è quello che importa al css...)
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  6. #6
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    218
    A intuito è la cosa che ho pensato anche io, ma nel css ho esteso ul al 100% e il menu al 100%, anche con firebug mi da i div estesi. Il layout non so come possa cambiare però.

    Penso che sia il modulo di login, è sempre nell'header ed è flottato a destra. Però sopra il menu. Ora togliendo il float ho visto che funziona. Ma visto che non si sovrappongono perchè lo fa?

  7. #7
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Originariamente inviato da TheBestNeo

    Penso che sia il modulo di login, è sempre nell'header ed è flottato a destra. Però sopra il menu. Ora togliendo il float ho visto che funziona. Ma visto che non si sovrappongono perchè lo fa?

    se non vediamo la pagina in questione mi sa che resterà una domanda retorica... (sebbene possa essere facilmente una questione di clearing)
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  8. #8
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    218
    Flottando a sx il menu funziona. Però ora provo con il clear!

  9. #9
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    218
    Anche col clear funziona, con qualche ritocchino, evidentemente in qualche modo dava fastidio.
    Grazie mille!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.