Script per inserire del testo nel menù pagina con scroll 
Autore: Laiza R.
Visite 1750,
Followers 1,
Condiviso 0
Buongiorno
Vorrei provare ad inserire un testo sotto la barra dei menù a sinistra.
Ho provato a mettere questo script, dopo l'apertura del tag body:
<div id="imMnMn">
<div id="imMnMn">
<h1 class="imHidden"></h1>
<div style="position:absolute; top: 500px; left: 15px; width: 95px; height: 33px; z-index:0;margin: 5px 0 5px 0;"></div>
<div style=" position: relative; top: 500px; left:15px; width:200px; height: 150px; border: 0px solid red;">
<h1>
L'arte del costruire,<BR> tra conoscenza e scienza.</h1>
</div>
La scritta si vede, ma non funziona più lo scroll della pagina in verticale.
Cosa sbaglio?!... Inoltre, lo stile della scitta, si può personalizzare in qualchè modo?...
Ringrazio anticipatamente.
Postato il
Questi li puoi eliminare...
<div style="position:absolute; top: 500px; left: 15px; width: 95px; height: 33px; z-index:2 ;margin: 5px 0 5px 0;"></div>
<div style=" position: relative; top: 500px; left:15px; width:200px; height: 150px; z-index: 2;">
<h1> L'arte del costruire,<BR> tra conoscenza e scienza.</h1>
</div>
Provalo cosi...a me funzia...
Autore
ciao Mirko.... Grazie per la tempestiva risposta.
Devo inserirlo nel famoso sito degli arch...
Così facendo, mi scrolla la scritta "L'arte del costruire,tra conoscenza e scienza." Ma tutto il resto rimane fermo.
Premetto che nel tag prima della chiusura dell'head ho questo:
<style type="text/css">
#imHeader {position: fixed; top: 0px; left:0px; width: 1000px; height:100px; z-index:0;}
#imHeaderBg {position: fixed; top: 0px; height:80px; z-index:80;}
#imMnMn {position: fixed; top:80px; left: 0px;}
#imContent {position: fixed; top:80px; left:220px; bottom: 200px; z-index:0;margin: 5px 0 5px 0;}
#imFooter {position:fixed !important; bottom: 0px; left:0px; width: 960px; height: 45px; z-index:20;}
#imFooterBg {position:fixed !important; bottom: 0px; height: 45px; z-index: 20;}
</style>
prova a togliere "relative" e mettere "fixed" nella terza riga del mio codice sopra...
Autore
rimane fisso il testo nel menù. C'È lo scroll, ma anche il contenuto della pagina rimane fermo.
Autore
....dimenticavo. Ho messo "fixed" al posto di "relative".
ho guardato il link del tuo sito di prova, ma non vedo nessun testo...?
solo la home rimane fissa ma le altre scrollano giuste...
Autore
sto provando in locale, non ho caricato le ultime modifiche!...
Autore
http://www.laidesign.it/prova/index.html
Tralascia il fatto che devo mettere uno sfondo al menù pagina, altrimenti non si vede la scritta....
Se provi ad andare negli altri menù, le pagine non scrollano.
Grazie.
togli il "fixed" e metti "auto".....
Autore
Grazie Mirko!... Sai sempre risolvere al meglio!... Chiedo solo una cosa. Si può mettere anche uno sfondo alla scritta!....
Se dovessi mettere lo sfondo al menù di pagina, appare spostato!...
Togli tutto e metti questo...al limite cambia il colore con uno che vuoi tu.....#00ff00
o anche
#imMnMnGraphics {position:fixed;}
larghezza e colore/sfondo li gestisci da programma
Autore
In questo modo, la scritta scrolla con il testo. Se dovessi mette position:auto, il testo sparisce sotto barra menù. con fixed, non scrolla più il testo pagina....
Autore
Alla fine ho deciso che la scritta deve comparire solo nella home page.
ho inserito questo nella proprietà -->esperto
<div style=" position:fixed !important; top: 500px; left:0px; width:200px; height: 100px; z-index: 2; background-color: #DCDCDC;">
<div align="center">
<h1> <BR> L'arte del costruire,<BR> tra conoscenza e scienza.</h1>
</div>
...dopo apertura tag body!...
Autore
Ho ancora un problema!... Inserendolo dopo apertura tag body, in home page, avendo inserito uno slideshow, lo sfondo in background, allo scorrere dello slideshow, si rende invisibile. In questo modo il testo s'impasta con lo slideshow. Risultato non si legge nulla, o quasi!...
www.laidesign.it/prova/index.html
prova ad aumentare di più lo z-index nel tuo ultimo codice...
Autore
Ciao Mirko.
Al momento l'ho risolto con un'immagine al posto del testo!... Proverò comunque anche come tu, hai scritto.
visto...e non stà neanche male cosi...
Solo per informazione: position con valore auto non esiste.
http://www.w3schools.com/cssref/pr_class_position.asp
Autore
Grazie a tutti per le numerose correzioni. Grazie Mirko!... Penso d'essere arrivata ad un dunque con questo sito!
Lemonsong, mi sa che è vero, quanto dici, ma mettendo auto, stranamente tutto si sitema!... sarà un fortuito caso!...
Non è un caso, semplicemente legge il valore precedentemente impostato o quello di default, ignorando quello che non riconosce.
In poche parole non dovevi "toccare" position
Non lo dico io, ma le "regole"