ennesimo codice non funzionante. sono io che sbaglio sicuramente, ma non so dove.
codice:
<div class="foto-view">
<style type="css"> div.foto-view div.foto { background: url('../content/foto/thumb/13_1.JPG') center no-repeat; background-size: 330px; } </style>
<div class="foto field"><a href="content/foto/13_1.JPG" rel="lightbox[0]" title="foto1"></a></div>
<style type="css"> div.foto-view div.foto { background: url('../content/foto/thumb/13_2.JPG') center no-repeat; background-size: 330px; } </style>
<div class="foto field"><a href="content/foto/13_2.JPG" rel="lightbox[0]" title="foto2"></a></div>
<style type="css"> div.foto-view div.foto { background: url('../content/foto/thumb/13_3.JPG') center no-repeat; background-size: 330px; } </style>
<div class="foto field"><a href="content/foto/13_3.JPG" rel="lightbox[0]" title="foto3"></a></div>
<style type="css"> div.foto-view div.foto { background: url('../content/foto/thumb/13_4.JPG') center no-repeat; background-size: 330px; } </style>
<div class="foto field"><a href="content/foto/13_4.JPG" rel="lightbox[0]" title="foto4"></a></div>
<style type="css"> div.foto-view div.foto { background: url('../content/foto/thumb/13_5.JPG') center no-repeat; background-size: 330px; } </style>
<div class="foto field"><a href="content/foto/13_5.JPG" rel="lightbox[0]" title="foto5"></a></div>
<style type="css"> div.foto-view div.foto { background: url('../content/foto/thumb/13_6.JPG') center no-repeat; background-size: 330px; } </style>
<div class="foto field"><a href="content/foto/13_6.JPG" rel="lightbox[0]" title="foto6"></a></div>
<style type="css"> div.foto-view div.foto { background: url('../content/foto/thumb/13_7.JPG') center no-repeat; background-size: 330px; } </style>
<div class="foto field"><a href="content/foto/13_7.JPG" rel="lightbox[0]" title="foto7"></a></div>
<style type="css"> div.foto-view div.foto { background: url('../content/foto/thumb/13_8.JPG') center no-repeat; background-size: 330px; } </style>
<div class="foto field"><a href="content/foto/13_8.JPG" rel="lightbox[0]" title="foto8"></a></div>
<style type="css"> div.foto-view div.foto { background: url('../content/foto/thumb/') center no-repeat; background-size: 330px; } </style>
</div>
In pratica vorrei far visualizzare delle immagini in un riquadro di dimensione fissa. Cioè, indipendentemente dalla dimensione dell'immagine, vorrei che mi venga visualizzato un riquadro della solita dimensione, senza alterare la foto.
Non so se avete capito di cosa ho bisogno.