Nascondere intestazione e pie di pagina 
Autore: Luigi Dell'aquila
Visite 1860,
Followers 1,
Condiviso 0
Ciao a tutti
In alcune pagine del sito vorrei nascondere l'intestazione e il piè di pagina anche quelli responsive, ma il menu esteso e responsive dovrebbero essere visibili questo per far visualizzare il contenuto della pagina a tutto schermo.
C'è qualche soluzione?
Grazie
Postato il
... i conti non mi tornano...!...
... cosa intendi per "visualizzare il contenuto della pagina a tutto schermo." ...?...
... pensi che sia possibile...?...
... eventualmente prova ad individuare il/i DIV di riferimento, e gli assegni la proprietà "display:none"; ...prova, per esempio nel TAG STYLE, così:
#imHeader, #imFooter, #imFooterBg {display:none;}
... in teoria potrebbe funzionare, sempre se il/i DIV che ho intercettato dalla pagina esempio di Mirko fosse quello giusto, perchè io non ho programmi...
.
Autore
Ciao KolAsim, grazie del suggerimento.
Nella pagina "Senza Header" ho inserito dopo l'apertura del tag head (passo 2 Esperto) il tuo codice così
<style>
#imHeader, #imFooter, #imFooterBg {display:none;}
</style>
L'intestazione e il pie di pagina spariscono (quello che cercavo) però vorrei che il menù fosse sempre visibile in alto, invece viene visualizzato nella posizione dopo l'header e poi scrolla con la pagina.
http://luigidellaquila.altervista.org/banner/index.html
provato e funzia, ma meglio cosi:
#imHeader, #imHeaderBg, #imFooter, #imFooterBg {display:none;}
mancava lo sfondo intestazione...
Autore
Per i tecnici di Incomedia ho dimenticato di dire che in anteprima il programma è andato sempre blocco tanto da doverlo riavviare.
Autore
Cia Mirko ho provato, ma a me fa sempre lo stesso. Ho cancellato anche i dati di navigazione del browser e svuotato le cartelle Upload e Preview, ma senza risultato.
Autore
Con la console di Firefox ho trovato nella pagina "Senza Header" il seguente codice in <div id="imMnMn" class="auto">
Modificando il penultimo valore "top" da 180px a 1px il menu si posiziona in alto però poi scorre con la pagina.
#imMnMn {
z-index: 10000;
}
#imMnMn {
text-align: left;
}
#imMnMn {
background-color: #80ff9f;
height: 30px;
left: 0;
padding: 5px;
position: absolute;
top: 180px;
width: 950px;
}
... prova in #imMnMn a togliere top: 180px; e mettere al suo posto:
position:fixed; top:0px;
.
Autore
Non funziona. Adesso il menu viene sempre visualizzato nella posizione dopo l'header però quando si scrolla la pagina il menu sparisce e per farlo ritornare bisogna ricaricare la pagina.
... senza programma non saprei, però, potresti realizzare quella pagina senza grafica, o senza applicare il modello, e come menu ne crei uno tu nel primo Oggetto Codice HTML oppure nel primo Oggetto Testo, e risolveresti all'istante...
.
Autore
Hai ragione, senza applicare il modello http://luigidellaquila.altervista.org/banner/senza-modello.html
Mi spiegheresti come posso creare il menu nell'oggetto codice html?
Grazie
X
@Luigi
I CSS vanno inseriti "Prima della chiusura del tag HEAD" e non "Dopo l'apertura del tag HEAD".
Inoltre devi aumentare il "peso" con !important dei valori che vengono sovrascritti dai CSS in linea.
Esempio:
Autore
Perfetto! Come consigliato da Lemonsong il menù resta in alto e sempre visibile.
Un grazie a tutti per la disponibilità e cortesia.
Buona serata
http://luigidellaquila.altervista.org/banner/senza-header.html
Ore dovresti centrare il menu però....
Autore
Come faccio a centrare il menu?
Altra domanda. Per inserire il codice in un css ho provato così ma non funziona:
.noheader {
#imHeader, #imHeaderBg, #imFooter, #imFooterBg {display:none;}
#imMnMn {position:fixed !important; top:0px !important;}
}
e lo richiamo cosi in "Prima della chiusura del tag head":
<div class="noheader"> </div>
... hai chiuso l'Argomento con RISOLTO...
... se vuoi ottenere altre risposte qui, lo devi riattivare togliendo il corretto, altrimenti apri un nuovo argomento a tema...
.
Autore
Ok apro un nuovo post.