Olimpo Informatico

[A&O]

ul#gallery li{float: left;
width: 150px;height: 150px;
line-height: 150px;text-align: center;
margin: 0 10px 10px 0;
background: url(bk.png) no-repeat center center}

ul#gallery img{vertical-align: middle}

[mdweb]

non riesco a capire cose significa questo codice messo su cosi...che devi fare?che problema hai?

[A&O]

Scusate colpa del ctrl-v senza riguardare

Riscrivo il mio problema.

Vorrei creare una presentazione di immagini per un sito come questa http://www.circolab.net/~carloz/hoverboxes/miei/hoverlightbox_redux.html ma mi sorge il problema di disporre le anteprime (non tutte orizontali) con il giusto orientamento (lo script per la presentazione è qui: http://mondaybynoon.com/2006/03/27/...-hoverlightbox/ ).

In un articolo http://css.html.it/articoli/leggi/1...te-con-i-css/1/
http://css.html.it/articoli/leggi/1...te-con-i-css/2/
si indica la soluzione.
Il mio problema è, data la mia scarsa familiarità con i codici e il css in particolare, quello di integrare il file css/gallery.css presente nello script con il codice proposto dall'articolo.

Riporto il codice da integrare:

ul#gallery li{float: left;
width: 150px;height: 150px;
line-height: 150px;text-align: center;
margin: 0 10px 10px 0;
background: url(bk.png) no-repeat center center}

ul#gallery img{vertical-align: middle}


C'è qualche santo in grado di aiutarmi in questa, per me, difficile impresa?

Grazie e ciao