Menu in primo piano

martedì 29 ottobre 2013 - 12.12

jjchuck Profilo | Senior Member

ciao...torno con un problema credo facile
debbo fare in modo che le voci del menù siano sempre in primo piano (visibili): questo accade con componenti owc che uso spesso.
finora ne ho fatto a meno ma dato che l'uso di questi componenti cresce allora crese la struttura del sito e quindi vorrei navigabilità ovunque

ho letto di usare z-index ma non ci ho capito nulla perchè ho provato e nulla è cambiato

saluti a tutti
belli e brutti

alx_81 Profilo | Guru

>ciao...torno con un problema credo facile
ciao

>ho letto di usare z-index ma non ci ho capito nulla perchè ho
>provato e nulla è cambiato
prima di tutto, l'html puoi passarcelo?
detto questo, se vuoi sempre in primo piano gli item del menu, devi mettere lo z-index degli elementi ad un valore molto alto (più alto dell'ultimo elemento che vuoi coprire).
Alessandro Alpi | SQL Server MVP
MCP|MCITP|MCTS|MCT

http://blogs.dotnethell.it/suxstellino
http://suxstellino.wordpress.com
http://mvp.microsoft.com/profiles/Alessandro.Alpi

jjchuck Profilo | Senior Member

Ciao diavulu...vombe....:) (questi i saluti di circostanza dalle mie parti)
dato che il mio è un sito ad uso interno per la reportistica non ho quasi fatto abbellimenti al css di default...percui ti passo progetto che replica il problema...
Puoi anche non modificare la stringa di connessione a Northwind perchè comunque l'oggetto viene visualizzato...

aspetto news...

grazie in ogni caso



jjchuck Profilo | Senior Member

Mi abbandonasti accussi
senza dire nulla :)

my guru...where are you?

alx_81 Profilo | Guru

>Mi abbandonasti accussi
>senza dire nulla :)
>my guru...where are you?
ciao, non passarci l'intero progetto.. non possiamo avere tutte le cose che hai tu in locale.
Puoi passarmi una pagina di esempio con quel menu indicandomi com'è fatto il menu e dove sta?
Alessandro Alpi | SQL Server MVP
MCP|MCITP|MCTS|MCT

http://blogs.dotnethell.it/suxstellino
http://suxstellino.wordpress.com
http://mvp.microsoft.com/profiles/Alessandro.Alpi

jjchuck Profilo | Senior Member

ciao alex
scusa ...ho solo generato il sito di default che vs crea...cmq
...questo è il menù e si trova in master page!
<div class="clear2 hideSkiplink"> <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal" DataSourceID="SiteMapDataSource1" StaticDisplayLevels="2"> <DynamicMenuStyle CssClass="IE8Fix" /> <Items> <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home page"/> <asp:MenuItem NavigateUrl="~/About.aspx" Text="Informazioni su"/> </Items> </asp:Menu> <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" /> </div>
...questo il CSS...
/* TAB MENU ----------------------------------------------------------*/ .IE8Fix { z-index: 100000; } div.hideSkiplink { background-color: #3a4f63; width: 100%; z-index: 100000 } div.menu { padding: 4px 0px 4px 8px; z-index: 100000 } div.menu ul { list-style: none; margin: 0px; padding: 0px; width: auto; z-index: 100000 } div.menu ul li a, div.menu ul li a:visited { background-color: #465c71; border: 1px #4e667d solid; color: #dde4ec; display: block; line-height: 1.35em; padding: 4px 20px; text-decoration: none; white-space: nowrap; z-index: 100000 } div.menu ul li a:hover { background-color: #bfcbd6; color: #465c71; text-decoration: none; z-index: 100000 } div.menu ul li a:active { background-color: #465c71; color: #cfdbe6; text-decoration: none; z-index: 100000 }

...default con OWC11
Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra

...così...?

alx_81 Profilo | Guru

>...così...?
così mi hai passato l'asp.net che non è il vero e proprio html.
Dovresti proprio fare in modo che la pagina si veda sul sito, e poi mandarmi la "view source" (o visualizza sorgente) dell'html vero e proprio..
Così vediamo, con lo stile corretto che mi hai già mandato, come reagisce l'html che ci manderai (e potrò anche fare una paginetta mia di test).

Alessandro Alpi | SQL Server MVP
MCP|MCITP|MCTS|MCT

http://blogs.dotnethell.it/suxstellino
http://suxstellino.wordpress.com
http://mvp.microsoft.com/profiles/Alessandro.Alpi

jjchuck Profilo | Senior Member

ok ...non pensavo ti riferissi a quello
IE8 (visualizza HTML):

Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra

alx_81 Profilo | Guru

>ok ...non pensavo ti riferissi a quello
>IE8 (visualizza HTML):
prova a mettere nella classe .menu un z-index: 999 e vedi se hai quello che ti serve
Alessandro Alpi | SQL Server MVP
MCP|MCITP|MCTS|MCT

http://blogs.dotnethell.it/suxstellino
http://suxstellino.wordpress.com
http://mvp.microsoft.com/profiles/Alessandro.Alpi

jjchuck Profilo | Senior Member

ho provato (in Site.CSS) ...ma niente: i sottomenu scompaiono sotto la pivot

alx_81 Profilo | Guru

>ho provato (in Site.CSS) ...ma niente: i sottomenu scompaiono
>sotto la pivot
ok allora prova a salire di contenitore e dai lo z-index alto al container di tutto il menu

Alessandro Alpi | SQL Server MVP
MCP|MCITP|MCTS|MCT

http://blogs.dotnethell.it/suxstellino
http://suxstellino.wordpress.com
http://mvp.microsoft.com/profiles/Alessandro.Alpi

jjchuck Profilo | Senior Member

cosi?
/* TAB MENU ----------------------------------------------------------*/ .IE8Fix { z-index: 100000; } div.hideSkiplink { background-color: #3a4f63; width: 100%; z-index: 100000 } div.menu { padding: 4px 0px 4px 8px; z-index: 100000 } div.menu ul { list-style: none; margin: 0px; padding: 0px; width: auto; z-index: 100000 } div.menu ul li a, div.menu ul li a:visited { background-color: #465c71; border: 1px #4e667d solid; color: #dde4ec; display: block; line-height: 1.35em; padding: 4px 20px; text-decoration: none; white-space: nowrap; z-index: 100000 } div.menu ul li a:hover { background-color: #bfcbd6; color: #465c71; text-decoration: none; z-index: 100000 } div.menu ul li a:active { background-color: #465c71; color: #cfdbe6; text-decoration: none; z-index: 100000 }

...no perchè questo è quello che ho già nel mio progetto ma non va...

alx_81 Profilo | Guru

>...no perchè questo è quello che ho già nel mio progetto ma non va...
prova a mettere nel container del menu (il più esterno):
{ position:relative; z-indez:999999999 };

se non va così mi sa che ci dovrai dare il link della pagina per vedere il codice interamente.
Alessandro Alpi | SQL Server MVP
MCP|MCITP|MCTS|MCT

http://blogs.dotnethell.it/suxstellino
http://suxstellino.wordpress.com
http://mvp.microsoft.com/profiles/Alessandro.Alpi

jjchuck Profilo | Senior Member

<div class="clear2 hideSkiplink" style="position: relative; z-index: 999999999">
in site.master
...niente...ho provato sull'oggetto pivot...nemmeno !!!!

alx_81 Profilo | Guru

Mi spiace, non so più che proporti.. Di solito funziona però..
Alessandro Alpi | SQL Server MVP
MCP|MCITP|MCTS|MCT

http://blogs.dotnethell.it/suxstellino
http://suxstellino.wordpress.com
http://mvp.microsoft.com/profiles/Alessandro.Alpi

jjchuck Profilo | Senior Member

ti ringrazio in ogni caso...

non mi resta che spostare il menu a sinistra con un treeview...non mi piace però...

grazie alex

alla prox

bye
Partecipa anche tu! Registrati!
Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !
Copyright © dotNetHell.it 2002-2025
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5