Chi mi aiuta a capire dove sbaglio nel mio CSS?

pinonirvana

Nuovo Utente
24 Mar 2009
5
0
0
Buongiorno a tutti.
Ho creato un menù che al passagggio del mouse mi mette un'immagine, scrivendo:
.menu:hover{background: url(img/bg.gif) repeat-x;}.
Ora, nel caso ci siano anke dei sottomenù, vorrrei che apparisse anke una freccina verso il basso, e ho provato inserendo
.mainMenuParentBtn, .mainMenuParentBtnFocused {background: url(img/arrow.gif) right center no-repeat;}
Anke in questo caso funziona, la freccia la vedo, ma al passaggio del mouse la freccia mi viene messa in secondo piano, nascosta quindi sotto il background....come posso fare per posizionarla ad un livello superiore?
Grazie a tutti...
 
Ultima modifica:

pinonirvana

Nuovo Utente
24 Mar 2009
5
0
0
Certo!

Allora, in realtà sono 2 CSS, uno per il menù classico (style.css), e uno per i sottomenù (eseguito in javascript, menu.css). L'id del div del menù è "#pagemenu".

Style.css
Codice:
/* NAVIGATION MENUS */

#pagemenuwrap {
	height: 40px;
    margin-top: 25px;
    background: url(images/footer-background.png) left top repeat-x;
    border-top: 1px solid #433c3c;
    border-bottom: 1px solid #433c3c;
	}
    
#pagemenucontainer {
	height: 28px;
    padding: 5px 0 6px  8px;
	}

#pagemenu {
	height: 28px;
	}

#pagemenu, #pagemenu ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}
#pagemenu {
	margin-bottom: 1px;
	}
	
#pagemenu ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#pagemenu li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#pagemenu ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#pagemenu li a, #pagemenu li a:link {
	color: #c6c6c6;
	display: block;
    margin: 0 6px 0 0;
	padding: 9px 16px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	}
	
#pagemenu li a:hover, #pagemenu li a:active{
	color: #fff;
	display: block;
    text-decoration: none;
    background: url(images/pagenav-hover.png) top left repeat-x;
	}
	
#pagemenu  li.current_page_item a {
	color: #fff;
    text-decoration: none;
    background: url(images/pagenav-hover.png) top left repeat-x;
	}

#pagemenu li:hover, #pagemenu li.sfhover { 
	position: static;
	}

menu.css
Codice:
/* ----[ LINKS ]----*/

/* all menu links */
#subMenusContainer a {
	text-decoration:none;
	display:block;
}
/* Just sub menu links */
#subMenusContainer a{
	color: #fff;
	font-size: 12px;
	text-align:left;
	background-color:#f1f1f1;
	padding:5px 20px;
    color: #ff4500;
	font-weight: bold;
	-moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#subMenusContainer a.subMenuParentBtnFocused {
	background-color: #ff4500;
	color:#fff;
	font-weight: bold;
}
/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn {
	background: url(img/arrow1.gif) right center no-repeat;
}
/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused {
	background: url(img/arrow2.gif) right center no-repeat;
}
/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn {
	background: url(img/arrow3.gif) right center no-repeat;	
}
/* Parent Main Menu Links on hover or focus ---[javascript users only]**/
.mainMenuParentBtnFocused {
	background: url(img/arrow4.gif) right center no-repeat;
}
/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW {
	display:none;
	position: absolute;
	overflow:hidden;
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}
/* All ULs and OLs */
#subMenusContainer ul, #subMenusContainer ol {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}
/* All submenu OLs and ULs */
#subMenusContainer ul, #subMenusContainer ol {
	/*border around submenu goes here*/	 
	background: none;
	left:0;
}
#subMenusContainer li {
	list-style: none;
}
#subMenusContainer {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0;
	overflow:visible;
	z-index:1000000000;
}

Grazie per l'aiuto...
:love:
 
Ultima modifica di un moderatore:
Discussioni simili
Autore Titolo Forum Risposte Data
M Cerco a pagamento chi mi aiuta Offerte e Richieste di Lavoro e/o Collaborazione 2
P chi mi aiuta per costruire una finestra overlay ???? Javascript 1
A anagrafica clienti con campi personalizzati - chi mi aiuta? MS Access 0
D raga chi mi aiuta - problema ecommerce WordPress 3
R Chi mi aiuta tramite Skype a installare su Xampp vecchia versione di Php? PHP 1
P Mi hanno rubato 2 pagina facebook chi mi aiuta a riprenderle??!! Annunci servizi di Social Media Marketing 0
S chi mi aiuta a risolvere questa join ?? PHP 4
S chi mi aiuta a risolvere questa join ?? MySQL 4
giancadeejay Chi mi aiuta a caricare una intro sul mio sito? Flash 0
V Chi mi aiuta con un firewall cattivo!!!! Web Server 4
C Ragazzi chi mi aiuta a realizzare questa applicazione ?? Flash 1
E chi mi aiuta a fare qusto programma in C ??? Programmazione 0
SolidSnake4 chi mi aiuta con un preventivo ? Discussioni Varie 1
M pagherò chi mi aiuta!! HTML e CSS 4
T chi mi aiuta a scrivere il ciclo? PHP 6
C Chi mi aiuta..............................? PHP 1
F chi mi aiuta....... Reti LAN e Wireless 1
T offro metà del mio guadagno adsense fino al 2009 a chi mi aiuta Google AdSense 1
P chi mi aiuta a modificare questa scritta?? Flash 2
S Chi mi aiuta con la costruzione di un sito? Altri Annunci 0
A Chi mi aiuta con il PHPBB ? phpBB 1
T Ordinare dati di un Recordset [era:Grosso problema, chi mi aiuta?] Classic ASP 2
L Chi mi aiuta ad inserire il contatore? HTML e CSS 7
N Chi mi aiuta con le sessioni??? PHP 1
U chi mi aiuta? filamto flash Flash 1
K File audio in html, chi mi può aiutare? HTML e CSS 0
M Un aiuto da chi ha apple Mac e Software 0
fornoli78 OFFRO/CERCO chi esegue piccoli lavori... Offerte e Richieste di Lavoro e/o Collaborazione 1
V [WordPress] Come si chiama chi crea siti web senza linguaggi di programmazione? Discussioni Varie 2
I [HTML] HTML validator, chi mi spiega questi errori? HTML e CSS 1
R Cerco chi mi può pubblicare la mia app Offerte e Richieste di Lavoro e/o Collaborazione 2
Bosss Chi è Bosss? Presentati al Forum 2
G Chi sono, dove vado. Presentati al Forum 1
Gaetano1991h [PHP] Chi mi sa spiegare la funzione di questo codice? PHP 1
P problemi con nas o per chi conosce synology Altri Annunci 0
MarcoGrazia Chi si intende di? Discussioni Varie 0
D Chi deve fornire i testi? Leggi, Normative e Fisco 1
felino Cookie: capire da chi sono segnalati e se occorre generarli HTML e CSS 2
otto9due Piccolo conflitto jquery.. Chi gli da uno sguardo? jQuery 6
piccino Disabilitare “aggiungi nuovo” articolo a chi ne ha uno pubblicato o messo in revisione. WordPress 0
Mauro Guardiani chi sa dove mettere questo codice Tubular jQuery plugin Javascript 1
F [VENDO]Pagina 76K perfetta per chi vuole iniziare a lavorare con FACEBOOK! Annunci servizi di Social Media Marketing 3
filippino Chi mi spiega cosa sono CSS Sprite? HTML e CSS 1
T [risolto] Conversione comandi da javascript a jquery. Chi può aiutarmi? Javascript 4
V Libri da consigliare per chi è alle prime armi con il web design Discussioni Varie 1
J [RISOLTO]Chi ti ha chiamato? PHP 5
S pareri da chi lavora gia' come webmaster Discussioni Varie 3
borgo italia per chi vuole sparire dal web Discussioni Varie 1
P Aggiornamento database [era: Banale...per chi non è inesperta come me... :(] PHP 4
L Foto di minori e privacy: chi ne è responsabile? il webdesigner o il titolare del sito? Leggi, Normative e Fisco 5

Discussioni simili