Back to top

Autore Topic: Immagini non responsive  (Letto 2017 volte)

Offline 71^sec.design

  • Appassionato
  • ***
  • Post: 474
  • Sesso: Femmina
  • www.webinword.com
    • Mostra profilo
Immagini non responsive
« il: 13 Mar 2014, 10:26:38 »
Ciao,
questo sito http://www.tradebyitaly.com/it visualizzato da mobile non ridimensiona tutte le immagini per formato smartphone.
il template è responsive, come posso rimediare a questo difetto?
grazie
WebinWord.com | Google Partner

Offline alamo

  • Esploratore
  • **
  • Post: 80
    • Mostra profilo
Re:Immagini non responsive
« Risposta #1 il: 13 Mar 2014, 16:17:13 »
Provato con img {max-width: 100%;} ?
Ciao

Offline 71^sec.design

  • Appassionato
  • ***
  • Post: 474
  • Sesso: Femmina
  • www.webinword.com
    • Mostra profilo
Re:Immagini non responsive
« Risposta #2 il: 13 Mar 2014, 17:06:10 »
Ok, il comando è sicuramente giusto.
Dove lo inserisco però, nell'html dell'articolo o in un file css del template?
grazie

WebinWord.com | Google Partner

Offline 71^sec.design

  • Appassionato
  • ***
  • Post: 474
  • Sesso: Femmina
  • www.webinword.com
    • Mostra profilo
Re:Immagini non responsive
« Risposta #3 il: 13 Mar 2014, 17:24:03 »
Il trucco funziona impostando a 100% l'immagine dall'editor di joomla, questo vuol dire che su mobile si vede correttamente, mentre su desktop la tira, sfocandola.
come posso impostare il 100% solo per mobile lasciando invariato il desktop.
Grazie
WebinWord.com | Google Partner

Offline alamo

  • Esploratore
  • **
  • Post: 80
    • Mostra profilo
Re:Immagini non responsive
« Risposta #4 il: 13 Mar 2014, 17:58:07 »

Prova con la riga indicata prima mettendola in un file css del template
Codice: [Seleziona]
img {max-width: 100%;}
scusami se non l'ho precisato, lo davo per scontato.Io vedo template-7be6e5e0.css ma forse è un compilato e tu magari avrai nomi diversi.
Non so se il framework Warp su cui è basato quel template preveda un file css personalizzabile (tipo custom.css o simili), se ci fosse andrebbe messo lì. Al limite fai qualche prova.
Ciao
« Ultima modifica: 13 Mar 2014, 18:03:36 da alamo »

Offline 71^sec.design

  • Appassionato
  • ***
  • Post: 474
  • Sesso: Femmina
  • www.webinword.com
    • Mostra profilo
Re:Immagini non responsive
« Risposta #5 il: 13 Mar 2014, 18:36:37 »
Ciao,
si il template possiede il file custom.css, che è questo:

"visibile nel prossimo post"

Però nemmeno con firebug riesco a ricavare il titolo da dare a questo comando ({max-width: 100%;}).
Se lo copiassi semplicemente dentro il file non funzionerebbe
« Ultima modifica: 13 Mar 2014, 18:39:03 da 71^sec.design »
WebinWord.com | Google Partner

Offline 71^sec.design

  • Appassionato
  • ***
  • Post: 474
  • Sesso: Femmina
  • www.webinword.com
    • Mostra profilo
Re:Immagini non responsive
« Risposta #6 il: 13 Mar 2014, 18:39:35 »
rimosso codice template commerciale.
« Ultima modifica: 13 Mar 2014, 18:49:15 da tomtomeight »
WebinWord.com | Google Partner

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Immagini non responsive
« Risposta #7 il: 13 Mar 2014, 18:46:48 »
Ricordo che se si tratta di un template commerciale il supporto bisogna chiederlo al produttore, per non violare il regolamento. Grazie.

Offline alamo

  • Esploratore
  • **
  • Post: 80
    • Mostra profilo
Re:Immagini non responsive
« Risposta #8 il: 13 Mar 2014, 20:46:00 »
Hai ragione tomtom, chiedo scusa, non ci avevo pensato.

 



Web Design Bolzano Kreatif