Foglio style e immagine responsive 
Autore: Luigi Dell'aquila
Visite 517,
Followers 2,
Condiviso 0
Buonasera,
sono a richiedervi nuovamente un aiuto.
Ho inserito questo codice in un foglio style per avere un'immagine responsive a sinistra:
/* Immagine a sinistra */
.img_sx {
float:left;
height: auto;
max-width: 100%;
margin: 10px 20px 10px 20px;
border: none;
}
Quando vado a richiamarlo inserendo il seguente codice in un oggetto html l'immagine è a sinistra, ma non è responsive:
<div class="img_sx">
<img src="http://www.....jpg" alt="immagine">
</div>
Se invece scrivo direttamente il codice nell'oggetto html senza usare il foglio style, l'immagine è responsive:
<img style= "float:left; height: auto; max-width: 100%; margin: 10px 20px 10px 20px; border: none;" src="http://www.....jpg" alt="immagine">
Grazie
Postato il
Hai assegnato le regole css a due elementi diversi: nel foglio di stile hai definito le regole per il div con classe .img_sx mentre nel css in linea hai assegnato le regole all'immagine.
Per avere l'equivalente dello stile in linea devi utilizzare come selettore .img_sx img:
.img_sx img {
float:left;
height: auto;
max-width: 100%;
margin: 10px 20px 10px 20px;
border: none;
}
Autore
Grazie Stesil
Ora funziona! Avevo fatto un po' (anche di più) di confusione.
Come dico sempre: "Il computer fa quello che gli diciamo di fare e non quello che vorremmo che facesse"
Grazie