Effetto pila di immagini

[Msbisa]

Nell' effetto pila di immagini http://www.html.it/articoli/galleri...la-di-immagini/ vorrei aggiungere una scritta al di sopra dell'immagine, quindi dovrei modificare la dimensione del bordo superiore e poi aggiungerci una scritta al di sopra.
Come dovrei fare?

Grazie in anticipo

[Cesar]

Un <span> dentro[*] con un posizionamento assoluto e un margine superiore.

[Msbisa]

Ci sto provando ma non ci riesco, potresti farmi un esempio?
Grazie

[Cesar]

Puoi postare il codice che hai creato?

[Msbisa]

Allora il codice nell'html lo ho preso direttamente dal sito e non l'ho cambiato, comunque eccolo qui

<div id="container"> <ul id="griglia"> <li class="foto"> <li class="foto"> <li class="foto"> <li class="foto"> <li class="foto"> <li class="foto">[/list]</div>

Non sono riuscito ad applicare lo span e il li nell'html.

Ecco qui il css

#griglia { padding: 0; margin: 0; } #griglia > li { display: inline-block; width: 160px; height: 160px; margin: 10px; background-color: #abe2ff; } #container { background-color:#eee; max-width:850px; margin:0 auto; padding: 20px; text-align: center; } .foto{ width: 160px; height: 160px; margin: 20px; position: relative; z-index: 10 } .foto img { max-width: 100%; height: auto; border: 10px solid #fff; border-top: 30px solid #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

Ho provato ad applicare un border-top al .foto img ma non ci sono riuscito

[Cesar]

Come hai modificato il codice seguendo il mio suggerimento?

[Msbisa]

Nell'html non ho modificato niente, mentre nel css ho aggiunto solamente un border-top al .foto img, ma non funziona

EDIT: Sono riuscito a far funzionare il border-top, mi manca solamente come aggiungerci una scritta al di sopra

[Cesar]

[*]<span style="position: absolute; margin-top:10px">prova</span>

[Msbisa]

Non funziona, guarda qui
http://sbisa.altervista.org/Prova-Sito/prova.html
L'ho applicato solamente al primo oggetto

[Cesar]

dentro a[*]ci devi inserire anche l'immagine.