WebSite X5Help Center

 
Gaetano D.
Gaetano D.
User

Problema con codice html  it

Autor: Gaetano D.
Visited 985, Followers 1, Udostępniony 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?

Posted on the
9 ODPOWIEDZI - 1 POMOCNY - 1 PRAWIDłOWA ODPOWIEDź
Gaetano D.
Gaetano D.
User
Autor

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

Czytaj więcej
Posted on the from Gaetano D.
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.

Czytaj więcej
Posted on the from Giancarlo B.
Gaetano D.
Gaetano D.
User
Autor
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?

Czytaj więcej
Posted on the from Gaetano D.
Giancarlo B.
Giancarlo B.
User

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

Czytaj więcej
Posted on the from 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.

Czytaj więcej
Posted on the from 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?

Czytaj więcej
Posted on the from 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

Czytaj więcej
Posted on the from Giuseppe Guida
Giancarlo B.
Giancarlo B.
User

... oppure

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

Czytaj więcej
Posted on the from Giancarlo B.