[cssdesign] Photo gallery

[Alex]

Tamtando's Web Administrator ha scritto:

> 
> Devo sviluppare una galleria fotografica.
> 
> Il risultato sarebbe qualcosa del genere:
> 
>        150      150      150      150
>      +------+ +------+ +------+ +------+
        --------
> 1 + |########| ########  ######  ########
> 5 | |###1####| ###2####  ##3###  ###4####
> 0 | |########| ########  ######  ########
>   + |########|           ######         
        --------
>     (Didasc) (Didasc) (Didasc)
> Il codice html risultante, pensavo che potrebbe essere qualcosa del genere:
> 
> <ul>
>     <li>
>         <img src="dominio.tld/img/1.jpg" alt="titolo1" />
>         <cite>Titolo1</cite>
>         <p>Didascalia1</p>
>     </li>
>     ...........
> </ul>
> 
> dal punto di vista del foglio di stile, pensavo di rendere flottante 
> ciascun li con qualcosa del tipo:
> 
> li
> {
>     float: left;
> }

Chiudere l'immagine all'interno di un div con dimensioni prefissate?
tipo ....

<ul>
      <li>
          <div><img src="dominio.tld/img/1.jpg" alt="titolo1" /></div>
          <cite>Titolo1</cite>
          <p>Didascalia1</p>
      </li>
      ...........
</ul>

li div {
width:150px;
min-height: 150px;
height: auto !important;
height: 150px;
}

gestendo l'altezza minima del box a 150px

in questo modo la didascalia verrebbe "sempre" alla stessa altezza (non 
l'ho provato però)


Ciao
Alex