WebSite X5Help Center

 
Gaetano D.
Gaetano D.
User

Problema con codice html  it

Autor: Gaetano D.
Besucht 728, Followers 1, Geteilt 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?

Gepostet am
9 ANTWORTEN - 1 NüTZLICH - 1 KORREKT
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

Mehr lesen
Gepostet am von 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.

Mehr lesen
Gepostet am von 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?

Mehr lesen
Gepostet am von Gaetano D.
Giancarlo B.
Giancarlo B.
User

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

Mehr lesen
Gepostet am von 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.

Mehr lesen
Gepostet am von 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?

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von Giuseppe Guida
Giancarlo B.
Giancarlo B.
User

... oppure

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

Mehr lesen
Gepostet am von Giancarlo B.