Nascondere alcune righe
Author: Pc Win
Visited 1292,
Followers 3,
Shared 0
ciao
come si fa a nascondere alcune righe da TUTTE le risoluzioni di un sito responsive? Agendo sull'apposito comando si riescono a nascondere le risoluzioni inferiori ma la versione maggiore, desktop, rimane visibile.
Per comodità progettuale, avrei necessità di preparare alcune righe che verrebbero rese visibili solo in determinate situazioni e per non doverle ogni volta rifare sarebbe davvero utile poterle tenerle nascoste.
e' possibile?
grazie
Fabio
Posted on the
Infatti non dà la possibilità di nascondere a tutte le risoluzioni, ma soltanto a quelle inferiori.
Un'idea potrebbe essere quella di avere due pagine uguali (fai copia e incolla), la pagina copiata la rendi nascosta e nella pagina originale cancelli le righe che vuoi nascondere. Quando hai bisogno di rendere visibile le righe cancellate fai così:
1)-rendi nascosta la pagina originale e aggiungi qualcosa al nome della pagina ad esempio "mia-pagina-OLD.html"
2)-rendi visibile la pagina copiata e le dai il nome della pagina originale.
Spero di essere stato chiaro.
Volendo puoi sperimentare con un po di codice in base ai breakpoint es:
<style>
@media(max-width: 1920px){
#imCell_29{display:none !important;}
}
</style>
in grassetto le variabili ... puoi mettere da risoluzione massima a risoluzione minima e cella che deve sparire..
in questo esempio il Content slider sparisce fra i 1920px ed i 1000px e ricompare sotto a 1000px
<style>
@media(max-width: 1920px) and (min-width: 1000px) {
#imCell_29{display:none !important;}
}
</style>
link video https://we.tl/t-yTHUd6VRdm
ciao Giancarlo.
Author
grazie Luigi e Giancarlo
Luigi io avevo pensato di fare un copia della pagina, renderla nascosta, e lasciare su di essa le righe che mi interessano per poi copiarle al bisogno nella pagina originale, ma speravo ci fosse una possibilità del software che non avevo inteso e la tua soluzione non la avevo valutata.
riguardo la soluzione di Giancarlo è troppo scomodo ogni volta agire su questo codice. Sono modifiche che farò spesso, e le celle sono davvero tante...... ma una soluzione la devo trovare
ci penso su...e ringrazio
Author
un chiarimento:
il codice lo ho copiato nelle proprietà esperto della pagina sulla quale sto lavorando selezionando "dopo l'apertura del tag head"
tenendo presente che il sito è impostato a 1280 px di larghezza massima e che le celle che devo nasconderesempre in tutte le risoluzioni sono dalla 17 allla 29 comprese che codice debbo mettere?
grazie
F4b
PcWin se non ho capito male, tu vuoi NON visualizzare quelle celle a tutte le risoluzioni, il codice sarà più semplice in quanto NON dve intervenire ad una risoluzione prestabilita:
<style>
#imCell_29{display:none !important;}
#imCell_30{display:none !important;}
#imCell_31{display:none !important;}
......ecc.
</style>
dovrai stabilire il numero della cella in questo modo
Author
Perfetto, adesso è chiaro tutto
grazie mille
F4b