Joomla.it Forum
Joomla! 3 => Joomla! 3 => : ilfriz80 21 Feb 2020, 17:25:52
-
buongiorno
su questa pagina [size=78%]https://www.longonicues.com/longoni-shafts/longoni-pool-shafts (https://www.longonicues.com/longoni-shafts/longoni-pool-shafts)[/size]
quando la pagina diventa responsive il font non si rimpicciolisce e crea problemi.
Esiste una soluzione?
grazie per l'aiuto
-
quando la pagina diventa responsive
cosa vuol dire?
-
forse vuole dire che il testo diventa troppo grosso rispetto alle celle che lo contiene? Forse no sarebbe stato semplice descriverlo. Attendiamo lumi.
-
scusate il ritardo, il problema confermo è il font che non si rimpicciolisce in responsive, per cui diventa illeggibile
riuscite per caso ad aiutarmi?
grazie mille
-
Ma una caratteristica del responsive è rendere leggibile anche ai dispositivi smart, se era una questione di diminuire i font sarebbe bastato lo zoom.
-
cioè dovrei aggiungere un codice zoom al componente?
-
No dicevo che non puoi intendere il responsive solo con la diminuizione del font.
-
Dovresti appoggiarti a bootstrap.
-
va oltre i miei poteri :(
non c'è una stringa di codice da inserire? quello riesco :)
-
La stringa sta nella documentazione bootstrap ma dipende da come hai realizzato la tabella, se da estensione o editor.
-
quella pagina ha usato estensione Abivia.net SuperTable Free Plugin (https://www.longonicues.com/administrator/index.php?option=com_plugins&task=plugin.edit&extension_id=10032)
-
Cambia plugin o scrivilo direttamente da editor con bootstrap
-
aspetta.. prima di rifare tutte le tabelle da capo.. prova a vedere se puoi dare delle classi nel componente (che non conosco) alle singole tabelle...
butta nel codice CSS questo @media
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)
{
table, thead, tbody, th, td, tr {
display: block;
}
thead tr
{
position: absolute;
top: -9999px;
left: -9999px;
}
td
{
position: relative;
padding-left: 50%;
}
td:before
{
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
td:nth-of-type(1):before { content: "S2"; }
td:nth-of-type(2):before { content: "AMERICAN D12.8mm"; }
td:nth-of-type(3):before { content: "SLIM D11.8mm"; }
td:nth-of-type(4):before { content: "BREAK D13mm"; }
}
dove ad esempio prima della classe dei singoli td:nth-of-type gli dai il riferimento delle classi alla quale corrisponde la tabella... ti risparmi di dover rifare il tutto.. devi solo rinominare i content in css
-
ciao, grazie innanzitutto
ho inserito il tuo codice nel css (allego il risultato)
ma putroppo la seconda parte per mia ignoranza non riesco a risolverla :(
mi sa che sono costretto a tornare alle tabelle normali (sperando siano responsive) :'(
-
mi sa che sono costretto a tornare alle tabelle normali (sperando siano responsive) :'(
sperando ? ? ?
-
https://www.longonicues.com/longoni-cues-accessories?id=190:longoni-reccomended-tips (https://www.longonicues.com/longoni-cues-accessories?id=190:longoni-reccomended-tips)
questa è una delle pagine le cui tabelle vorrei rendere responsive
ora non lo sono
-
e le renderai responsive sperando?
-
ci sto provando ma non trovo una soluzione se non scomporle in tabelle più piccole
-
ed imparare bootstrap, che non è poi così difficile e trovi un sacco di documentazione online, come ti è stato suggerito?
-
mi sa che ti ascolterò
grazie mille per l'indicazione
buon weekend :)
-
https://www.longonicues.com/longoni-shafts/longoni-carom-shafts (https://www.longonicues.com/longoni-shafts/longoni-carom-shafts)
ho installato un plugin che mi ha risolto benissimo il problema
è possibile nella versione mobile ingrandire e rendere + visibile o ovooverflow-x: auto
?