Autore Topic: Centrare immagini protostar da smartphone  (Letto 2629 volte)

Offline ciroslitz

  • Esploratore
  • **
  • Post: 134
    • Mostra profilo
Centrare immagini protostar da smartphone
« il: 08 Lug 2016, 09:58:44 »
Salve, volevo sapere se era possibile impostando qualche regola css ottenere che  solo da dispositivi con una certa risoluzione le immagini inserite negli articoli si centrino ed ovviamente per i dispositivi desktop restino posizionate come impostato con jce.

Offline Francesco Di Giovanni

  • Esploratore
  • **
  • Post: 136
  • Sesso: Maschio
    • Mostra profilo
    • Web & Social Media Marketing
Re:Centrare immagini protostar da smartphone
« Risposta #1 il: 08 Lug 2016, 13:44:26 »
Ciao  :)
devi utilizzare i breakpoint e media queries,
per esempio una cosa del genere
@media screen and (min-width: 480px) { ...... codice ..........  }


a presto

Offline ciroslitz

  • Esploratore
  • **
  • Post: 134
    • Mostra profilo
Re:Centrare immagini protostar da smartphone
« Risposta #2 il: 08 Lug 2016, 16:48:47 »
Si le media queries le uso anche per altro....ma non riesco a capire come impostarle per le immagini che inserisco in jce.... se non chiedo troppo un esempio di codice. Grazie

Offline Francesco Di Giovanni

  • Esploratore
  • **
  • Post: 136
  • Sesso: Maschio
    • Mostra profilo
    • Web & Social Media Marketing
Re:Centrare immagini protostar da smartphone
« Risposta #3 il: 08 Lug 2016, 17:44:51 »
una soluzione è quella di creare una classe


img.imgesempio{display: block;margin:0 auto;}


la classe imgesempio la inserisci nell'immagine quando la carichi dal jce

poi ci potrebbero essere altre soluzioni in base alla struttura delle classi del tuo html

Offline ciroslitz

  • Esploratore
  • **
  • Post: 134
    • Mostra profilo
Re:Centrare immagini protostar da smartphone
« Risposta #4 il: 09 Lug 2016, 09:21:57 »
Francesco grazie per la disponibilità... l'idea era di impostare qualcosa in automatico per tutte le immagini visto che a pubblicare sono più persone senza dover richiamare ogni volta la classe

Offline Francesco Di Giovanni

  • Esploratore
  • **
  • Post: 136
  • Sesso: Maschio
    • Mostra profilo
    • Web & Social Media Marketing
Re:Centrare immagini protostar da smartphone
« Risposta #5 il: 09 Lug 2016, 19:20:49 »
bisognerebbe conoscere il tuo template e come sono organizzati i tuoi articoli.


Offline ciroslitz

  • Esploratore
  • **
  • Post: 134
    • Mostra profilo
Re:Centrare immagini protostar da smartphone
« Risposta #6 il: 10 Lug 2016, 10:49:12 »
Il template è protostar come ti dicevo.... eccoti un link al sito se puoi aiutarmi:


http://www.professionistiscuola.it/

Offline Francesco Di Giovanni

  • Esploratore
  • **
  • Post: 136
  • Sesso: Maschio
    • Mostra profilo
    • Web & Social Media Marketing
Re:Centrare immagini protostar da smartphone
« Risposta #7 il: 13 Lug 2016, 00:16:55 »
Ciao  :)
.item-page img{display: block;margin:0 auto;}
prova cosi


a presto  ;)

Offline ciroslitz

  • Esploratore
  • **
  • Post: 134
    • Mostra profilo
Re:Centrare immagini protostar da smartphone
« Risposta #8 il: 14 Lug 2016, 09:23:46 »
Purtroppo non va.....

Offline Francesco Di Giovanni

  • Esploratore
  • **
  • Post: 136
  • Sesso: Maschio
    • Mostra profilo
    • Web & Social Media Marketing
Re:Centrare immagini protostar da smartphone
« Risposta #9 il: 15 Lug 2016, 00:31:19 »
Ciao,
cosa hai riscontrato con Firebug?

Offline ciroslitz

  • Esploratore
  • **
  • Post: 134
    • Mostra profilo
Re:Centrare immagini protostar da smartphone
« Risposta #10 il: 16 Lug 2016, 15:39:46 »
inserisco la reloga nel css ma non cambia nulla sbaglio qualcosa?

Offline Francesco Di Giovanni

  • Esploratore
  • **
  • Post: 136
  • Sesso: Maschio
    • Mostra profilo
    • Web & Social Media Marketing
Re:Centrare immagini protostar da smartphone
« Risposta #11 il: 18 Lug 2016, 00:18:21 »
Ciao,
dovrebbe essere cosi
@media screen and (max-width: 480px) {.item-page img{display: block; margin:0 auto;}}
« Ultima modifica: 18 Lug 2016, 00:28:58 da Francesco Di Giovanni »

Offline ciroslitz

  • Esploratore
  • **
  • Post: 134
    • Mostra profilo
Re:Centrare immagini protostar da smartphone
« Risposta #12 il: 18 Lug 2016, 22:25:04 »
Purtroppo nulla eccoti uno screen da smartphone il testo resta a destra

Offline Francesco Di Giovanni

  • Esploratore
  • **
  • Post: 136
  • Sesso: Maschio
    • Mostra profilo
    • Web & Social Media Marketing
Re:Centrare immagini protostar da smartphone
« Risposta #13 il: 19 Lug 2016, 00:13:30 »
Ciao, ho analizzato il sito con Firebug, ma non riesco a trovare dove hai inserito il codice che ti ho scritto, in quale file css l'hai inserito?

Offline ciroslitz

  • Esploratore
  • **
  • Post: 134
    • Mostra profilo
Re:Centrare immagini protostar da smartphone
« Risposta #14 il: 19 Lug 2016, 08:20:45 »
Nel personal css... dove inserisco tutte le modifiche....

Offline Francesco Di Giovanni

  • Esploratore
  • **
  • Post: 136
  • Sesso: Maschio
    • Mostra profilo
    • Web & Social Media Marketing
Re:Centrare immagini protostar da smartphone
« Risposta #15 il: 19 Lug 2016, 23:51:39 »
ciao, c'è il Plugin JCH Optimize che mi impedisce di vedere il file css

Offline ciroslitz

  • Esploratore
  • **
  • Post: 134
    • Mostra profilo
Re:Centrare immagini protostar da smartphone
« Risposta #16 il: 23 Lug 2016, 21:41:01 »
lo disabilito.... fammi sapere. grazie

Offline ciroslitz

  • Esploratore
  • **
  • Post: 134
    • Mostra profilo
Re:Centrare immagini protostar da smartphone
« Risposta #17 il: 30 Ago 2016, 09:07:22 »
qualche altro suggerimento??

 

Torna su