Visualizzazione dei risultati da 1 a 2 su 2

Discussione: Menù laterale

  1. #1

    Menù laterale

    Salve ho visto questo menù ora meto il codice sia del file css che quello html:

    html:
    codice:
    <ul id="nav">  [*]<font face="NSimsun">Home</font>  [*]About     
     <ul>[*]History        [*]Team      [*]Offices  [/list][*]Services   
       <ul>[*]Web Design</li
    >[*]Internet Marketing  [*]Hosting       [*]Domain Names   [*]Broadband   [/list]
         [*]Contact Us   
       <ul>[*]United Kingdom     [*]France[*]USA[*]Australia[/list][/list]
    quello css:
    codice:
    
    ul {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    	width: 150px;
    	}
    
    ul li {
    	position: relative;
    	}
    
    li ul {
    	position: absolute;
    	left: 149px;
    	top: 0;
    	display: none;
    	}
    	
    ul li a {
    	display: block;
    	text-decoration: none;
    	color: #777;
    	background: #fff;
    	padding: 5px;
    	border: 1px solid #ccc;
    	border-bottom: 0;
    	}
    
    ul {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    	width: 150px;
    	border-bottom: 1px solid #ccc;
    	}
    
    li:hover ul { display: block; }
    ora vorrei visualizzare menù in orizzontale e non in verticale cosa dovrei fare??
    grazie

  2. #2
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    per visualizzarein orizzontale fai

    li{
    display:inline;
    }

    cmq qua mi pare che il menu sia a due livelli per cui probabilmente ti servirà fare anche

    li li{
    display:block;
    }

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 © 2026 vBulletin Solutions, Inc. All rights reserved.