Galleria immagini con testo

[ilMago.java]

Ciao a tutti,
avrei bisogno di un suggerimento per realizzare una "galleria" di immagini dinamica.
Per ogni immagine sarà presente un testo di didascalia.
Ogni immagine e il rispettivo testo linkeranno a una pagina web.
Purtroppo la dimensione orizzontale delle immagini non è fissa, quindi non posso definire a priori il "width".
Premetto che preferirei realizzarla solo con i CSS, ma eventualmente posso inserire codice Javascript.
Il problema è che non riesco a posizionare orizzontalmente le immagini e i rispettivi testi sottostanti.. ho fatto moltissimi tentativi, ad esempio usando i div con l'attributo "float:left", ma risolve il problema solo per i primi N elementi, dopo di che me li dispone su 2 linee.

Ho preparato un immagine in allegato per chiarire meglio quello che voglio realizzare.
Qualcuno mi sa dare dei consigli?

Grazie anticipatamente!

[ilMago.java]

Vi allego il codice sperando che possa essere utile:

------------------------------------------
Il CSS utilizzato è:

<style type="text/css" media="screen">

.sliderGallery{
OVERFLOW: auto;
WIDTH: 960px;
POSITION: absolute;
TOP: 445px;
HEIGHT: 140px
}




.sliderGallery UL{
position: absolute;
list-style: none;
overflow: none;
white-space: nowrap;
padding: 0;
margin: 0;

}

.sliderGallery UL LI {
display: inline;
}


</style>

E nella pagina web ho il codice:

<div class="sliderGallery">
<ul class="items">
[*]
<div style="display: inline; text-transform: uppercase;">
<a href="{@xlink:href}">
[img].......[/img]
<div style="float:left">
Testo
</div>
</a>
</div>


Elenco di <LI> ..
[/list]
</div>

Vi ringrazio

[marcorock]

e se usassi le percentuali negli width? esempio width="76%" (css:{width:76%;})


oppure io proverei con javascript.
se non sei in grado di creartela da solo puoi cercare in rete o su questo sito, ce ne sono un sacco di script gia pronti.
Importi la libreria, importi il css ed il gioco è fatto.
So bene che non è carino prendere il lavoro fatto da altri, anche se freeware (io evito sempre, e preferisco fare cose meno belle, ma fatte da me), ma non c'è nulla di male.

se hai photoshop cs2 puoi provare con la funzione Automatizza, che crea delle gallerie di foto in vari formati e modelli, direttamente in html e facilmente modificabili in codice, testo ed immagini.

Aggiornami!

[ilMago.java]

Ciao!
in giornata provo a cercare codice su Internet.. altrimenti chiedo a un amico che ha conoscienze di photoshop..

A presto!
Marco

[ricman]

Ogni "riquadr immagine" è un LI, giusto? ...quindi una lista. Allora devi assegnare agli LI il float:left

[ilMago.java]

Ciao, se metto FLOAT:LEFT mi fa alcuni elementi e poi va a capo..

[ricman]

andrà a capo al raggiungimento dei 960px che hai assegnato... non credo ci vada prima

[ilMago.java]

Si esatto, però a me serve che continui in lunghezza e che sia scrollabile.

[ricman]

Originariamente inviato da ilMago.java
Si esatto, però a me serve che continui in lunghezza e che sia scrollabile.

...allora non devi limitarlo a 960px... metti semplicemente un numero altissimo.. (o non ho capito qualcosa io?)