Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    484

    Spazio (verticale) in lista/menu con IE 5.5 e 6

    Ho costruito un menu di navigazione tipo lista.
    Questo il codice:
    codice:
    .navbar{
        list-style-type: none;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 25em;
        left: 3em;
        width: 12em;
    }
    .navbar a{
        display:block;
        text-decoration:none;
        border-right: 1em solid #1A2894;
        margin: 0.5em 0;
        padding:3px 10px;
        background:white;
        font-weight: bold;
        color:#1A2894;
    }
    
    .navbar a:link,
    .navbar a:visited{
        background:white;
        color:#1A2894;
    }
    
    .navbar a:focus,
    .navbar a:active{
    background:gray;
    font-weight: bold;
    color:black;
    border-color:#000;
    }
    
    .navbar a:hover{
        background:#1A2894;
        font-weight: bold;
        color:#FFFFFF;
        border-color:#000000;
    }
    
    .navbar .curr a:link,
    .navbar .curr a:visited,
    .navbar .curr a:hover,
    .navbar .curr a:focus,
    .navbar .curr a:active{
        background:#DCDCDC;
        font-weight: bold;
        color:#000000;
    }
    Ora, nelle versioni di IE 6 e precedenti (nella 7 la visualizzazione
    è corretta) le varie voci del menu (i "rettangoli) sono eccessivamente
    spaziati. Avevo letto da qualche parte di un trucchetto per eliminare
    il problema, ma non riesco a risalire alla fonte. Qualcuno può
    rinfrescarmi la memoria?

    Grazie
    M.

  2. #2
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    484
    Risolto con un CSS complementare
    introdotto mediante commento condizionale.
    Ecco il codice:
    codice:
    .navbar li{
    display:inline;
    }
    
    .navbar a{
    height:0;
    }
    Vi pare che sia la soluzione migliore?
    Grazie
    M.

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.