Visualizzazione dei risultati da 1 a 2 su 2

Discussione: Problema menu

  1. #1
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080

    Problema menu

    Ho questo menu:

    codice:
    <div class="vocmen1">
    <ul>
    <li class="sub"><a href="#">Titolo 1
    </a>
    <ul>[*]Sotto m1[*]Sotto m2[*]Sotto m3[/list]
     
    [*]Titolo 2[/list]
    </div>
    e questo css:
    codice:
    .vocmen1{
    width:140px; position:relative;z-index:130; margin-left:10px; 
    }
    .vocmen1 ul {
    padding:0; margin:0; list-style-type: none; background:#fff; width:140px; border:1px solid #fff; 
    }
    .vocmen1 ul li ul {
    visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:75px;
    }
    .vocmen1 ul li {
    float:left;
    }
    .vocmen1 ul li a, .vocmen1 ul li a:visited {
    display:block; float:left; text-decoration:none; color:#A1A0A0; width:140px; background:transparent; padding-bottom:16px;
    }
    * html .vocmen1 ul li a, * html .vocmen1 ul li a:visited {width:150px; w\idth:140px;}
    
    .vocmen1 table {
    border-collapse:collapse; border:0; margin:0; padding:0; font-size:1em; position:absolute; left:0; top:0;
    }
    
    .vocmen1 ul li:hover a,
    .vocmen1 ul li a:hover{
     color:#D90A0B; 
    }
    
    .vocmen1 ul li:hover {position:relative; z-index:90;}
    * html .vocmen1 ul li a:hover {position:relative; z-index:100;}
    
    .vocmen1 ul li:hover ul,
    .vocmen1 ul li a:hover ul {
    visibility:visible; position:absolute; overflow:visible;
    }
    .vocmen1 ul li:hover ul li a,
    .vocmen1 ul li a:hover ul li a{
    display:block; background:transparent; color:#A1A0A0; text-decoration:none;
    }
    
    .vocmen1 ul li:hover ul li:hover a,
    .vocmen1 ul li a:hover ul li a:hover {
     color:#D90A0B;
    }
    .vocmen1 ul li:hover ul li ul,
    .vocmen1 ul li a:hover ul li a ul {
    visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:85px;
    }
    .vocmen1 ul li:hover ul li:hover ul,
    .vocmen1 ul li a:hover ul li a:hover ul {
    visibility:visible; position:absolute; height:auto; color:#A1A0A0; padding:0; border:1px solid #fff; list-style-type:none; 
    }
    .vocmen1 ul li:hover ul li:hover ul li a,
    .vocmen1 ul li a:hover ul li a:hover ul li a {
    display:block; background:transparent; color:#A1A0A0;
    }
    .vocmen1 ul li:hover ul li:hover ul li:hover a,
    .vocmen1 ul li a:hover ul li a:hover ul li a:hover {
    background:#fff; color:#000;
    }
    Vorrei ridurre l'altezza di riga tra sottom1 sottom2 e sottom3 ma NON tra titolo1 e titolo2

  2. #2
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080
    UP

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.