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:
codice:
<div class="products_container">
				
				<h3 class="category_title">Computers</h3>
					<ul>
						[*][img]images/portatili.jpg[/img]Notebooks
						[*][img]images/computer.jpg[/img]PC Desktop
						[*][img]images/monitor.jpg[/img]Monitors
						[*][img]images/webcam.jpg[/img]Webcam
						[*][img]images/stampante.jpg[/img]Printers
						[*][img]images/scanner.jpg[/img]Scanners
						[*][img]images/pendrive.jpg[/img]Memories
						[*][img]images/accessori_informatica.jpg[/img]Accessories
					[/list]
				</div>
					
	
				<div class="products_container">
				<h3 class="category_title">Photo Audio Video</h3>
					<ul>
						[*][img]images/television.jpg[/img]TV LCD
						[*][img]images/fotocamere.jpg[/img]Digital cam
						[*][img]images/navigatore.jpg[/img]Navigators
						[*][img]images/cornici.jpg[/img]Cornici
						[*][img]images/memory_card.jpg[/img]Memories
						[*][img]images/videocamere.jpg[/img]Videocams
						[*][img]images/lettorimp3.jpg[/img]MP3
						[*][img]images/dvdrecorder.jpg[/img]DVD Rec
						
					[/list]
				</div>
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).