Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    94

    margini elenco con list item float: left

    Ciao a tutti,
    ho una serie di elenchi ul, inseriti in altrettanti div con text-align: center, aventi li float:left
    Non mi riesce di dare dei margini (top o bottom) a questi elenchi in modo che il successivo appaia distanziato dal precedente. Invece appare pratricamente attacato ad esso.
    Un po' di codice XHTML:
    Ed il CSS:
    codice:
    h3.category_title{
    	text-align: center;
    	font-weight: bold;
    	color: #006e2e;
    	font-size: 170%;
    	margin-bottom: 0;
    	clear: both;
    }
    
    div.products_container{
    	text-align: center;
    }
    
    div.products_container ul{
    	list-style: none;
    	margin-top: 0;
    }
    
    div.products_container ul li{
    	float: left;
    	margin-right: 4em;
    	margin-top: 1em;
    	font-weight: bold;
    	color: #006e2e;
    	border-bottom: 2px solid #EEE; 
    }
    
    div.products_container ul li:hover{
    	border-bottom: 2px solid #006e2e; 
    }
    Se può essere d' aiuto, la pagina web è strutturata con un layout fluido a 3 colonne con i posizionamenti assoluti. Questi elenchi si trovano nel div del contenuto (quello centrale).

  2. #2
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    94
    nessuna idea?

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.