Altezza immagini Bootstrap

  • Creatore Discussione Creatore Discussione Fabio90
  • Data di inizio Data di inizio

Fabio90

Utente Attivo
29 Feb 2012
507
0
16
Buonasera forum,
ho un problemadi disomogeneità nella grandezza delle immagini del prodotto..

foto.jpg

Come posso fare per renderle tutte della stessa grandezza in un contensto responsive?
Questo è l'HTML che contiene l'immagine che ha altezze differenti..
HTML:
<div style="" class="vm-product-media-container">

					<a title="Casetta in legno Verona 3x2,5" href="/casacasette2/index.php/casette-in-legno/casetta-in-legno-verona-3x2,5-dettaglio.html">
						<img style="opacity: 1;" src="/casacasette2/images/stories/virtuemart/product/resized/casetta-legno-verona-3_614x416.jpg" alt="casetta-legno-verona-3" class="img-hover">					</a>

			</div>

Grazie!
 
Ciao,
se ridimensioni "casetta in legno verona" per adattarla alle dimensioni delle altre due, devi ritoccare l'altezza dell'immagine, ma per far si che non venga deformata anche la larghezza subira una "diminuizione", altrimenti puoi gestire altezza e larghezza immagine con width e height in questa maniera:
HTML:
<div style="" class="vm-product-media-container">
<a title="Casetta in legno Verona 3x2,5" href="/casacasette2/index.php/casette-in-legno/casetta-in-legno-verona-3x2,5-dettaglio.html">
<img style="opacity: 1;" src="/casacasette2/images/stories/virtuemart/product/resized/casetta-legno-verona-3_614x416.jpg" alt="casetta-legno-verona-3" class="img-hover" width="236" height="161">
Si potrebbe gestire anche con CSS ma credo che la solzione possa bastare.
Comunque a monte del problema, prima di uplodare le immagini basterebbe, con un programma di grafica renderle uguali per dimensioni... e il problema è risolto.
Ciao
 

Discussioni simili