WebSite X5Help Center

9 RéPONSES - 2 UTILE - 1 CORRECT
Mirko Boschetti
Mirko Boschetti
Moderator

ma se invece che usare l'oggetto Full Calendar usi una semplice tabella,  utilizzando i link al Tooltip sulle parole o dei link a messaggio di avviso....?

Potrebbe essere una soluzione...poi lo rendi elastico con i codici che propone spesso KolAsim...wink

......................................................................

ho appena provato e funziona tutto...wink

Lire plus
Posté le de Mirko Boschetti
Antonio V.
Antonio V.
User
Auteur

ciao Mirko, grazie per l'idea.

potresti farmi vedere un esempio? credo di non aver capito. dovrei scrivere le date con l'oggetto tabella per poi creare link al Tooltip.? 

vedi struttura del sito web

https://www.abruzzodavivere.it/

Lire plus
Posté le de Antonio V.
Antonio V.
Antonio V.
User
Auteur

fatto l'idea mi piace, ho reso l'oggetto tabella responsive con il seguente codice: 

come faccio a togliere quella striscia sotto alla tabella?

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

Lire plus
Posté le de Antonio V.
Mirko Boschetti
Mirko Boschetti
Moderator

prova con questo in proprietà della pagina nel tag head subito dopo il tuo codice:

<style>
#imTableObject_3_02 {
    overflow-x: hidden;
}
</style>

cambiando il numero con il tuo oggetto...wink

Lire plus
Posté le de Mirko Boschetti
Antonio V.
Antonio V.
User
Auteur

Grazie è perfetto.

Inoltre se posso chiedertelo, potresti passarmi se conosci codice per rendere il calendario di google RESPONSIVE?

Grazie

Lire plus
Posté le de Antonio V.
Mirko Boschetti
Mirko Boschetti
Moderator

lo hai messo come iframe? 

che misure gli hai dato? 

prova con il 100%...

Lire plus
Posté le de Mirko Boschetti
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Mirko Boschetti
... ...  Potrebbe essere una soluzione...poi lo rendi elastico con i codici che propone spesso KolAsim... ... ... 

... grazie Mirko+, ...infatti ha usato proprio il mio codice...wink...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Antonio V.
Antonio V.
User
Auteur

Ciao Mirko questo e il codice per rendere il calendario di google responsive. ma non è perfetto, non mi funziona bene su tuti i device. Sbaglio qualcosa? Ecco link https://www.abruzzodavivere.it/calendario%20eventi.html

Oggetto html
<div class="responsiveCal">
<iframe src="https://calendar.google.com/calendar/embed?height=400&amp;wkst=2&amp;bgcolor=%23f9f6f6&amp;ctz=Europe%2FRome&amp;mode=MONTH&amp;showPrint=0&amp;showTabs=1&amp;showCalendars=0&amp;showTz=0&amp;showDate=1&amp;showTitle=1&amp;src=bXJhbnRob255LnZlbmVyb3NvQGdtYWlsLmNvbQ&amp;color=%234285F4" style="border-width:0" width="600" height="400" frameborder="0" scrolling="no"></iframe>

SEMPRE OGGETTO HTML
esperto codice css
.responsiveCal {
position: relative; padding-bottom: 75%; height: 0; overflow: hidden;
}
.responsiveCal iframe {
position: absolute; top:0; left: 0; width: 100%; height: 100%;
}

Lire plus
Posté le de Antonio V.