Come disporre le immagini nel div content

Per disporre le immagini nel div content si può partire dal HTML, assegnando al tag  <img>  l'attributo "class". Questo permetterà poi, tramite CSS, di poter posizionare l'immagine dove vogliamo. L'attributo "class" non modifica in alcun modo la presentazione della pagina se non trova corrispondenza anche nel foglio di stile.

In HTML, nel tag <img> dovremo aggiungere, oltre agli attributi "src=nomeimmagine.png" e "alt=nomeimmagine", anche l'attributo "class=nomeimmagine".

es.  <img class="contatti" src="immaginecontatti.png" alt="contatti">

Una volta salvato in HTML si passa al foglio di stile.

In CSS il selettore img. + il nome dell'attributo "class", serviranno ad assegnare le regole da attribuire all'immagine.

es. img.contatti { float: left; padding-bottom: 5% ; padding-right: 15% }