Visualizzare casella di testo alla basse risoluzioni 
Autore: Claudio G.
Visite 1157,
Followers 2,
Condiviso 0
Mah, forse mi perdo un bicchiere d'acqua ma, è possibile, in un sito responsive, visualizzare una casella di testo al di sotto a una determinata risoluzione? Ovvero, l'operazione opposta a quella (possibile) di nascondere degli oggetti quando la risoluzione è sotto a un determinato break-point impostato.
Grazie per l'aiuto e la risposta
Postato il
con codice a parte la puoi nascondere nelle visualizzazioni superiori e lasciarla vedere nelle risoluzioni che vuoi...ti basterebbe una cosa tipo:
<style>
#imCellStyle_5{
display:none;
}
@media (max-width: 430px) {
#imCellStyle_5{
display:block;
}
</style>
se metti un link, si potrà vedere il da farsi...
Autore
Grazie Mirko, il link non lo posso mettere perchè ho pensato a questa cosa modificando un sito che non era responsive, quindi devo ancora pubblicare/aggiornare nulla.
Se non ho capito male però, dovrei trovare ID della cella da nascondere per usare il codice che mi hai suggerito tu, giusto? E come trovo quel ID? (immagino sia "imCellStyle_5..." dove 5, appunto, è l'ID della cella da non far visualizzare SOPRA a una determinata risoluzione). Questo codice, dove lo devo mettere? Proprietà pagina, Esperto e poi... grazie
prima della chiusura del tag head...
Autore
Certo sarà un limite mio ma...
1- ho cercato di recuperare l'ID della cella (di testo) che voglio non sia visibile sopra ad una certa risuluzione,
2- ho copia-incollato il tuo codice nella pagina nella sezione "Esperto" prima della chiusura del tag head
3 - ho cambiato ID (da #imCellStyle_5{ a #imCellStyle_1{) su entrambi le due righe di codice
ma la casella di testo "1" (questo è il codice che ho recuperato cercando con la funzionalità "ispeziona codice") rimane sempre visibile... cosa sbaglio?
Grazie
..."forse" se posti il link e un'immagine esplicativa di quale casella vuoi nascondere è più facile aiutarti...
Autore
...devo ancora pubblicare le modifiche, è tutto ancora work in progress ma, visto che fa lo stesso, diciamo che vorrei che il riquadro "sicurezza" , posto nella parte inferiore di questa pagina http://www.claudio-gucchierato.info/index.html fosse visibile SOLO alle basse risoluzioni... (in realtà non è questo il testo che voglio far visualizzare alle basse risoluzioni, ma a parte ID della casella, il codice dovrebbe essere e rimanere uguale.
grazie per l'attenzione
... se per esempio in Chrome clicchi col destro del mouse | ispeziona sul campo sicurezza, ti si aprirà una finestra di servizio con evidenziato il relativo campo da cui puoi facilmente identificare l'ID, che in questo caso sarebbe imCell_9 (#imCell_9); ...il resto te l'ha già anticipato >Mirko...
.
Autore
OK, me lo avrà spiegato Mirko (che ringrazio al pari tuo e al pari del mio ominimo) ma... come scritto, il codice non funziona o io, molto più probabilmente, non riesco a farlo funzionare...
... se l'ID è giusto, dovrebbe funzionare perfettamente...
... puoi provare per il campo SICUREZZA, e come anticipato devi usare questo codice relativo:
<style>
#imCell_9{ display:none;}
@media (max-width: 430px) { #imCell_9{ display:block;}
</style>
... e sotto ai 430 pixel il campo SICUREZZA apparirà, ...ed al di sopra scomparirà...
... al posto della cella puoi optare per eliminare tutta la riga, con aspetto finale simile...
.
Autore
Perfetto funziona! Allora ho verificato il codice (che non funzionava) che mi ha inviato Mirko e, al contrario del tuo, Mirko aveva messo #imCellStyle_5 e NON imCell_n... può essere questo il motivo del mancato funzionamento?
Comunque grazie a tutti, adesso posso fare ciò che mi ero proposto di fare.
Resta comunque il fatto che, speriamo, nella nuova versione di EVO questa possibilità sia implementata da programma (come, per altro, già richiesto anche da altri utenti).
... quando si posta il LINK, si risparmiano domande e supposizioni...
...