Submenu ohne Hover bevor aktiv

Hardy
Autor
Neues Mitglied

Mehr

09 Apr. 2010 00:49 #25672 von Hardy

Submenu ohne Hover bevor aktiv wurde erstellt von Hardy

Guten Abend zusammen!

Mit dieser grossartigen Joomla-CMS habe ich in den vergangenen Tagen eine Website erstellt, mit der ich eigentlich ganz zufrieden bin. Ein kleiner Schönheitsfehler will mir aber nicht aus dem Kopf und da ich nun schon etliche Stunden mit googeln und in Foren rumturnen dazu verbracht habe ohne anwendbar fündig zu werden, versuche ich es noch auf diesem Weg.

Meine Seite:

[url:3pbubwpl] www.ideal-holzbau.ch [/url]

Das Problem:

Wenn man ein Menü mit Untermenüs öffnet (in meiner Seite gegenwärtig nur "Kontakte"), ist kein Hover aktiv. Dies stört ein wenig, da die anderen Obermenüs alle funktionieren mit highlighten. Erst wenn man in ein Submenü hineinklickt, funktioniert auch dort der Hover korrekt.

Hier der Code aus dem Template, welche den entsprechenden Bereich enthalten sollte:

Code:

.module_menu li a {
	display: block;
	padding: 3px 5px 3px 0.5em;
	border-left: 10px solid #CCCCCC;
	background-color: #FFCC00;
	color: #336688;
	text-decoration:none;
}

html>body .module_menu li a {
	width: auto;
}
.module_menu li a:hover, a#active_menu:link, a#active_menu:visited {
	border-left: 10px solid #FFCC00;
	background-color: #FF9900;
	color:#fff;
}

.module_menu #current a {
	border-left: 10px solid #CCCCCC;
	background-color: #FF9900;
	color:#fff;
}

/*sub*/
.module_menu ul li ul li a{
	display: block;
	padding: 3px 5px 3px 1.0em;
	border-left: 20px solid #CCCCCC;
	background-color: #FFCC00;
	color: #336688;
	text-decoration:none;
	border-top: 1px solid #fff;
}

.module_menu ul li ul a:hover, a#active_menu:link, a#active_menu:visited {
	border-left: 20px solid #FFCC00;
	background-color: #FF9900;
	color:#fff;
}

.module_menu ul #current ul li a{
	display: block;
	padding: 3px 5px 3px 1.0em;
	border-left: 20px solid #CCCCCC;
	background-color: #FFCC00;
	margin:0 0 -1px 0;
	color:#336688;
}

.module_menu ul li ul #current a{
	display: block;
	padding: 3px 5px 3px 1.0em;
	border-left: 20px solid #CCCCCC;
	background-color: #FF9900;
	border-bottom:1px solid #fff;
	margin:0 0 -1px 0;
	color:#fff;
}

Als kleine Anmerkung ist vielleicht zu sagen, dass im ursprünglichen Template auf den Submenüs überhaupt kein Hover implementiert war. Erst durch (vielleicht nicht ganz korrektes) Kopieren und Modifizieren des Befehls aus den Obermenüs funktioniert wenigstens das "teilweise hovern".

Kann da vielleicht jemand weiterhelfen?

Vielen Dank schon im Voraus!

patrick
Offline

Mehr

09 Apr. 2010 08:48 #25676 von patrick

patrick antwortete auf Re: Submenu ohne Hover bevor aktiv

Hi Hardy und willkommen

So auf die Schnelle:

Ersetze

Code:

.module_menu ul li ul a:hover, a#active_menu:link, a#active_menu:visited {
   border-left: 20px solid #FFCC00;
   background-color: #FF9900;
   color:#fff;
}

mit

Code:

.module_menu ul li ul a:hover, a#active_menu:link, a#active_menu:visited {
       border-left: 20px solid #FFCC00 !important;
       background-color: #FF9900 !important;
       color:#fff !important;
    }

Grüsse
Patrick

InitCom: Webagentur für Webdesign // CMS Joomla! // PrestaShop

Hardy
Autor
Neues Mitglied

Mehr

09 Apr. 2010 10:21 #25677 von Hardy

Hardy antwortete auf Re: Submenu ohne Hover bevor aktiv

Wahnsinn, hat auf Anhieb geklappt.

Vielen Dank für die schnelle Hilfe!

Moderatoren: Tribal6, RePao, Dragonlord, Chris Hoefliger, pascale, adiheutschi.ch

Joomla! Forum Schweiz wird Teil der D-A-CH Community

forum.joomla.de

Submenu ohne Hover bevor aktiv