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:<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>
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).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; }

Rispondi quotando