Problem mit Menü

[Stimpy]

Hi,

ich bastle in Worpress gerade eine neue Seite. Zu Probezwecken liegt Sie hier.
www.unrockstars.de

Dazu habe ich 2 Fragen.
Das Menü klappt unter IE auf, in Firefox nur beim Klick darauf und in Chrome gar nicht.
Wo ist der verdammte Fehler... kann ich nicht finden.

Die zweite Frage. Wie bekomme ich einen Farbwechsel bei Mous-over hin wenn ich über jeden einzelnen Menüpunkt gehe?

Danke für Eure Hilfe.

LG Stimpy

/* ==================================================  ===========================
   =Navigation Section
   ==================================================  ======================== */

access { float: left; }
#access .responsive-menu,
#access div.no-sf-menu {display: none;}
.sf-menu li { text-align: left; }
.sf-menu li a {
	display: block;
	position: relative;
	padding: 25px 10px;
	color: #ffffff;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;



}
.sf-menu li a.sf-with-ul { padding-right: 20px; }
.sf-menu li a .sf-sub-indicator {
	display: none;
	position: absolute;
	top: auto;
	bottom: 0px;
	left: 50%;
	width: 130px;
	height: 12px;
	margin-left: -6px;
	font-size: 0px;
	background: transparent url(img/indicator.png) no-repeat 0px 0px;


}
.sf-menu li.sfHover > a .sf-sub-indicator,
.sf-menu ul li:hover > a .sf-sub-indicator,
.sf-menu ul li.sfHover > a .sf-sub-indicator {
	display: block;
	background-position: 0px 0px;

}
.sf-menu li strong {
	display: block;
}
.sf-menu li span {
	display: block;
	color: #ffff00;
	font-size: 11px;
	text-transform: lowercase;
	line-height: 1px;
	letter-spacing: 1px;
background-color: #ffffff;
}
.sf-menu ul {
	padding: 20px 0;
	background-color: #ff0000
}
.sf-menu ul li { text-align: center; }
.sf-menu ul li a {
	padding: 3px 15px;
	margin-bottom: 2px;
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	text-transform: none;
	letter-spacing: 1px;
	background: url(img/submenu.png) no-repeat bottom center;
}
.sf-menu ul li a:hover { color: #ff0000 }
.sf-menu ul li a.sf-with-ul { padding-right: 15px }
.sf-menu ul li a .sf-sub-indicator {
	top: 10px;
	bottom: auto;
	left: auto;
	right: -20px;
	width: 12px;
	height: 13px;
	background: transparent url(img/indicator2.png) no-repeat 0px 0px;
}
.sf-menu ul ul {
	top: 0px;
	margin-left: 20px;
	
}
.sf-menu ul ul li a { background-image: url(img/submenu2.png); }
.sf-menu ul ul li a:hover { color: #ffffff; }
.selectnav { display: none; }

 

[soulxheart]

Hallo Stimpy

Welche Browserversionen benutzt du jeweils? In meinem Firefox 17 sowie 22, Chrome 28 und Internet Explorer 9 funktionert das Menü beim Hovern.



Grüsse

 

[Stimpy]

Firefox 22.0

 

[Cheffchen]

Hallo,

glaube das ist ein cache problem auf dein rechner, bei mir funzt das IE/FF/Chrom beim drüber gehen (hover).


Das mit dem Farbwechsel ist :hover wie .sf-menu ul li a:hover zeile 217 für das untermenü das text rot wird.

in zeile154 hast den code für die hauptlinks .sf-menu li a füge einfach mal genau da nach, nach der } klammer, das ein

.sf-menu li a:hover{color:blue}

damit sollte einiges klar werden.

Super Thema und Seite sieht selbst im rohbau schon gut aus, also geht in die richtige richtung, aber das Regional ist zu klein so im nebensatzt oder ist das der Dachverband?

Cheffchen

 

[Stimpy]

Danke für den Hinweis. Text usw. kommen erst noch....