Header a schermo intero

[mark00]

 Vorrei realizzare una header a schermo intero ma inserendo il seguente codice :

<style>#imheader_bg{height: 150px; background: red url('res/bottom.jpg') no-repeat center; }#imheader{display: none}</style><div id="imheader_bg"></div>

visualizzo una barra a schermo intero ma sopra l'header....

[stesil]

Ciao,

l'header resta visibile perchè il selettore corretto è imHeader.

Ma, anche effettuando questa correzione, l'header viene sì nascosto, ma il contenuto della pagina si sposta in alto, occupando lo spazio che prima era dell'header.

Sempre che io abbia capito quello che vuoi ottenere, potresti provare ad inserire il div "imheader_bg" in codice per attivazione delle statistiche e spostarlo poi verso l'alto con un css tipo questo:

#imheader_bg{
height: 150px;
background: red url('res/bottom.jpg') no-repeat center;
position:absolute;
width:100%;
top:0;
left:0;
}

L'header generato dal programma, invece, potresti provare a nasconderlo con #imHeader{visibility:hidden;} in modo che mantenga lo spazio nella pagina e che tutti i contenuti successivi non vengano coinvolti.

In alternativa si può agire anche esclusivamente sulla grafica, come indicato da Michele qui: https://www.unofficialwsx5.com/index.php?topic=758.msg5103#msg5103

[mark00]

La cosa potrebbe andar anche bene ma ciò che voglio ottenere è un header simile

[Zambelletti]

così?


https://www.unofficialwsx5.com/index.php?topic=163.0

[mark00]

Ciao e grazie ma Nn intendo maximage  mi occorre solo la parte dell'header......

[mark00]

Ho risolto col seguente codice ( postato da serzio in altro topic ) per la larghezza:

 <style type="text/css">
body #imSite {margin: 0 auto;}
#imHeader {position: absolute; left: 0; width: 100%; }
</style>

 ed ho inserito una immagine trasparente che viene ripetuta in entrambe le direzioni e pare funzioni. Mi rimane riuscire a sovrapporre una immagine (logo) sull'header.

[skeggia]

utilizza z-index:xx (xx= valore positivo) per posizionarti sopra all'header

[mark00]

ho provato cn questo ma nn va

<style type="text/css">
#imlogo {top: 150px; z-index:1; }
< style>

[milux]

scusa ma non capisco perchè non puoi fare l'header a tutta larghezza con gli strumenti standard di X5 , usando una immagine da inserire nello sfondo ( Stesil ti aveva anche dato un suggerimento con un link). Poi nell'header metti l'immagine che vuoi..


[ Guests cannot view attachments ]

[mark00]

Il problema èche nel bg girano img in fullscreen ed il logo deve essere perforza sovrapposto all'header....vedi link di esempio

[mark00]

RISOLTO!! con z-indez  grazie ragazzi....

[skeggia]

Bene, ad essere pignoli però, dovresti alzare di uno o due pixel il logo, in quanto non combacia perfettamente con la riga orizzontale blu a tutto schermo . . . non dire parolacce che ti sento . . . ciao ciao
sk