Now Reading
Come rendere un’ immagine Responsive
3

Come rendere un’ immagine Responsive

In questo articolo vedremo come rendere una qualsiasi immagine responsive.

Quest’immagine potremo poi aggiungerla comodamente a un post che stiamo creando oppure pubblicarla nel nostro spazio web sottoforma di pagina HTML da richiamare.

Il metodo sicuramente più rapido e diretto, tramite HTML, è quello di andare ad aggiungere dove desideriamo che compaia la nostra immagine il seguente codice:

Ovviamente modificheremo le scritte in blu:

“LINK DEL MIO SITO WEB” = inseriremo qui il link a cui vogliamo far andare gli utenti una volta cliccata l’immagine

“LINK IMMAGINE” = Inseriremo il link dell’immagine precedentemente caricata sul server oppure l’url di un immagine già presente sul web.

 

Consiglio anche di utilizzare le proprietà CSS in un file diverso dal file HTML, in modo da poter avere il codice organizzato meglio.
Per rendere la vostra immagine responsive quello che dobbiamo fare è:
In primo luogo, assegnare un nome al tag img utilizzando una “classe” o attributo “id” nel file HTML, ovvero:

Poi, nel file CSS apportiamo la modifica:

style=”display:inline-block;width:645px;height:100px” data-ad-client=”ca-pub-0587361132440966″ data-ad-slot=”2759130652″>

Hai altre domande riguardo quanto appena trattato?

Aggiungi un commento qui sotto e vedrai che troverai risposta quanto prima!

What's your reaction?
Interesting
8%
Cool
0%
I make it
0%
Like
Dislike
0%
Useless
8%
Shock
85%
About The Author
Davide Righini
Davide Righini
Appassionato di tecnologia e informatica da sempre, ho deciso di aprire questo blog per archiviare e condividere le mie esperienze con chi, come mè, condivide queste passioni.