WebSite X5Help Center

 
Beat G.
Beat G.
User

"responsive" oggetto dinamico  it

Autore: Beat G.
Visite 888, Followers 1, Condiviso 0  

ciao sul sito

www.leparrocchie.ch/orari-messe-losone.php

é stato ineserito un ogetto dinamico per far si che gli orari delle messe siano modificabili o addiritura inseriti da nuovi dai vari "don" delle varie parrocchie.

sul sito ci sono 4 parrocchie differenti e tutti riescono a caricare i vari orari.

Tutto funziona regolarmente sui PC, ma sui vari natel/telefonini la pagina con gli orari viene brutalmente tagliata e non visualizzata per intero per tutte le 4 parrocchie.

E' possibile adattare automanticamente la cella contenuto dinamico per far si che sui smartphone si visualizza per  intero la pagina  come sui PC e non vengono "tagliate"? magari riducendole in automatico?

posso fare qualcosa o sbaglio l'impostazione?

grazie mille

saluto

Postato il
19 RISPOSTE - 3 UTILI - 1 CORRETTO
Giancarlo B.
Giancarlo B.
User

Ciao potresti tentare con del codice ad un certo breakpoint ridimensionarlo in questo modo perdendo comunque un pò di leggibilità

Leggi di più
Postato il da Giancarlo B.
Giancarlo B.
Giancarlo B.
User

Questo è un esempio fatto al volo sulla tua pagina, naturalmente va testato sul progetto la risoluzione e la % la decidi in base alle tue esigente, volendo ne puoi inserire anche due con valori idonei per i vari breakpoint, ripeto fai un test per valutare, ciao.

<style>
@media (max-width: 479px) {
#dynObj_17_06 { max-width: 50%;}
</style> 

Leggi di più
Postato il da Giancarlo B.
Beat G.
Beat G.
User
Autore
Giancarlo B.
@media (max-width: 479px) { #dynObj_17_06 { max-width: 50%;} </style> 

ciao grazie della risposta, mi puoi specificare in che pagina proprietà metto il codice?

vale poi per tutte le 4 pagine delle parrocchie? 

Leggi di più
Postato il da Beat G.
Giancarlo B.
Giancarlo B.
User

È per la pagina che hai linkato 

Leggi di più
Postato il da Giancarlo B.
Giancarlo B.
Giancarlo B.
User

in questa posizione...

Leggi di più
Postato il da Giancarlo B.
Beat G.
Beat G.
User
Autore

ciao, ho inserito il tuo codice provando diverse percentuali, ma non funziona, caricando il sito mi pare che la situazione peggiori...

lascio con il codice fino a lunedì per un ev. controllo

ciao

Leggi di più
Postato il da Beat G.
Mirko Boschetti
Mirko Boschetti
Moderator

a me sebra funzioni benino invece...

Leggi di più
Postato il da Mirko Boschetti
Mirko Boschetti
Mirko Boschetti
Moderator

poi qui...

Leggi di più
Postato il da Mirko Boschetti
Mirko Boschetti
Mirko Boschetti
Moderator

e alla fine..

Leggi di più
Postato il da Mirko Boschetti
Mirko Boschetti
Mirko Boschetti
Moderator

per vederlo su schermi ancora più stretti, dovresti provare a mettere anche "max-width: 320px"

poi testalo qui se ti va bene...

https://websiteresponsivetest.com/

Leggi di più
Postato il da Mirko Boschetti
Beat G.
Beat G.
User
Autore

scusate ma sul mio smartphone risulta questo!

Leggi di più
Postato il da Beat G.
Mirko Boschetti
Mirko Boschetti
Moderator

prova allora il codice postato da KolAsim che ti ho linkato per ultimo...wink

Leggi di più
Postato il da Mirko Boschetti
Beat G.
Beat G.
User
Autore

risoluzione 50%

Leggi di più
Postato il da Beat G.
Beat G.
Beat G.
User
Autore

si con l'ultimo codice è un pochino meglio perô non capisco perchè mi riduce solo la parte destra della tabella e non tutte due insieme..

Leggi di più
Postato il da Beat G.
Beat G.
Beat G.
User
Autore

ultima modifica

Leggi di più
Postato il da Beat G.
Beat G.
Beat G.
User
Autore

scusate la mia ignoranza

Mirko Boschetti
prova allora il codice postato da KolAsim che ti ho linkato per ultimo...

è questo il codice che devo scrivere?

<style> table {word-break: break-all;} </style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>

Leggi di più
Postato il da Beat G.
Mirko Boschetti
Mirko Boschetti
Moderator

vedo ancora il vecchio codice....toglilo e metti l'ultimo che mi hai scritto tu...wink

Leggi di più
Postato il da Mirko Boschetti
Beat G.
Beat G.
User
Autore

grazie, perfetto molto meglio

Leggi di più
Postato il da Beat G.