Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di GabbOne
    Registrato dal
    Mar 2006
    Messaggi
    577

    lFormattzione di liste annidate

    Ciao a tutti

    vorrei implementare un menu verticale con voci e sottovoci , le sottovoci devono
    essere rientrate di un certo spazio rispetto alla propria voce padre .
    Io l'ho implementata in questo modo , il tutto come sempre funziona bene su firefox
    ma non su IE infatti quando inserisco una sottovoce IE mi lascia una riga vuota tra la voce
    e la rispettiva sottovoce vi posto qui del codice sia css che html
    codice CSS
    codice:
    #BloccoMenu
    {
    	float:left;
    	width:15%;
    	background-color:#000000;
    	color:#FFFFFF;	
    	background-image:url(angolo.gif); 
    	background-position:top right;
    	background-repeat:no-repeat;
    	padding:5px 0px 5px 0px;
    
    	
    }
    
    #BloccoMenu ul
    { 
    	margin:0px;
    	padding:0px;
    	font-family:fantasy;
    	list-style:none;
    }
    
    #BloccoMenu ul ul {font-size:95%; }
    
    
    #BloccoMenu ul li { margin-left:15px;}			   
    
    #BloccoMenu ul li a{ text-decoration:none; color:#FFFFFF; }
    
    #BloccoMenu ul li a:hover { text-decoration:underline; }
    codice HTML
    codice:
    <div id="BloccoMenu">
    	 <ul>
    	[*]Prima Voce[*] 
                       <ul>[*]sottoVoce1
    		[*]sottoVoce2[/list]
                 
    		[*]Seconda Voce
    		[*]TerzaVoce
    
    	[/list]
    </div>
    Secondo me interpretano gli[*] in modo diverso ma non se sono molto convinto



  2. #2
    Utente di HTML.it L'avatar di GabbOne
    Registrato dal
    Mar 2006
    Messaggi
    577
    up....

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    E` vero. Alcuni browser usano i margin per indentare il testo dal "bollino", altri il padding.

    Prova a specificare sempre sia margin che padding (da definre a zero, se non lo usi).
    E potrebbe servirti anche l'attributo list-style-position
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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