Salve a tutti.
Volevo chiedere com si può farsi che una immagine dentro un box div prenda le stesse dimensioni del suo contenitore.
Cioè ho un box div di dimensioni 200 x 400 pixel, mentre l'immagine è di 700 x 1000.
Salve a tutti.
Volevo chiedere com si può farsi che una immagine dentro un box div prenda le stesse dimensioni del suo contenitore.
Cioè ho un box div di dimensioni 200 x 400 pixel, mentre l'immagine è di 700 x 1000.
Dai all'immagine le dimensioni ,del div! Ma attenzione dare a un'immagine di 700x1000 le dimensioni di 200x400 si deforma perché le proporzioni non sono le stesse, per avere un'immagine non deformata bisognerebbe che fosse di 280x400
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
img { max-width: 100%; }
Questa volta, più che un voto.. è favoreggiamento.
Se dai un 100% solo in larghezza non copre poi tutta l'altezza!Originariamente inviata da Al_katraz984
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
ecco..
Questa volta, più che un voto.. è favoreggiamento.
Ma l'hai capito che se mantiene le proporzioni non copre tutto il div e se invece fa in modo di coprirlo l'immagine si deforma?
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Ridimensiona l'immagine in modo che abbia le stesse dimensioni del div...
Permessi di invio
Rispondi quotando