WebSite X5Help Center

 
Ds S.
Ds S.
User

Problema con codice html  it

Autore: Ds S.
Visite 395, Followers 1, Condiviso 0  

Ho utilizzato il seguente codice html:

<style>
#imContent {position: relative ;top: -130px !important;}
#imHeader {z-index: 6 ;}
</style> 

Per creare l'effetto del menu presente nell'header in trasparenza sul content slider. Utilizzando questo codice si viene a creare uno spazio vuoto nel footer. Come posso risolvere?

Postato il
9 RISPOSTE - 1 UTILE - 1 CORRETTO
Ds S.
Ds S.
User
Autore

L'effetto creato è il seguente. In poche parole il codice html che ho usato ha spostato il content slider di 130 px in su. Tuttavia ha creato uno spazio bianco vuoto nel footer

Leggi di più
Postato il da Ds S.
Giancarlo B.
Giancarlo B.
User

si esatto, purtroppo spostando il contenitore in alto di 130px ti crea uno spazio di altrettanti pixel sotto, e come una coperta corta.

Leggi di più
Postato il da Giancarlo B.
Ds S.
Ds S.
User
Autore
Giancarlo B.
si esatto, purtroppo spostando il contenitore in alto di 130px ti crea uno spazio di altrettanti pixel sotto, e come una coperta corta.

Non esiste un codice che permette di tenere header e content slider come in foto e sistemare il footer?

Leggi di più
Postato il da Ds S.
Giancarlo B.
Giancarlo B.
User

prova a togliere il codice e settare altezza header di un paio di pixel

Leggi di più
Postato il da Giancarlo B.
Giancarlo B.
Giancarlo B.
User

oppure se è solo per una pagina, puoi usare il codice per rendere header non visibile diminuento altezza.

Ciao Giancarlo.

Leggi di più
Postato il da Giancarlo B.
Giancarlo B.
Giancarlo B.
User
ds services
Giancarlo B. si esatto, purtroppo spostando il contenitore in alto di 130px ti crea uno spazio di altrettanti pixel sotto, e come una coperta corta. Non esiste un codice che permette di tenere header e content slider come in foto e sistemare il footer?

ds services, hai poi risolto?

Leggi di più
Postato il da Giancarlo B.
Giuseppe Guida
Giuseppe Guida
User

Prova questo (puoi cambiare il valore -150px come più preferisci). Non dovresti avere nessun problema nel footer:

<style>

#imContent {
margin-top: -150px !important;
}

</style>

L'esempio online è qui:

http://www.bozzasito001.altervista.org/realestate01/

Naturalmente assegna gli appropriati valori all'header (che sarà trasparente, altezza che vuoi tu) e adeguato margine superiore al primo oggetto che posizioni nel contenuto della pagina.

Ciao

Leggi di più
Postato il da Giuseppe Guida
Giancarlo B.
Giancarlo B.
User

... oppure

#imPage { display: -ms-grid-rows: 1px auto 1px; grid-template-rows: 1px auto 1px; }

Leggi di più
Postato il da Giancarlo B.