Thema: css problem

Das kommt daher, dass die Hover-Eigenschaft an die nächste Listenebene vererbt wird.
Du musst diese weitere Listenebene ebenfalls ansprechen.
Deine 1.Listenebene mit Hover-Effekt ist:

Code:

.module ul.menu li ul li a:hover, .module_menu ul.menu li ul li a:hover

Dann wäre somit die nächste Listenebene:

Code:

.module ul.menu li ul li ul li a:hover, .module_menu ul.menu li ul li ul li a:hover

Dann sollte es funktionieren...

Achja:
Natürlich beide Klassen definieren! Die normale ohne Hovereffekt und die Pseudoklasse :hover .

Zitat von sgue

Das kommt daher, dass die Hover-Eigenschaft an die nächste Listenebene vererbt wird.
Du musst diese weitere Listenebene ebenfalls ansprechen.
Deine 1.Listenebene mit Hover-Effekt ist:

Code:

.module ul.menu li ul li a:hover, .module_menu ul.menu li ul li a:hover

Dann wäre somit die nächste Listenebene:

Code:

.module ul.menu li ul li ul li a:hover, .module_menu ul.menu li ul li ul li a:hover

Dann sollte es funktionieren...

Achja:
Natürlich beide Klassen definieren! Die normale ohne Hovereffekt und die Pseudoklasse :hover .

Danke für die Antwort!
Hab das jetzt so geändert:

Code:

.module ul.menu li ul li ul li a, .module ul.menu li ul li ul li a{ border: 0; color:#0069d0; background: url(../images/button.png) 0% 50% no-repeat;}
.module ul.menu li ul li ul li a:hover, .module ul.menu li ul li ul li a:hover{ border: 0; color:#013a78; background: url(../images/hover-button.png) 0% 50% no-repeat; }

Leider hatt sich nichts geändert!
Hab ich was vergessen?

Zitat von cylance

Und für die dritte Ebene setzt sich das fort.

Nimmst du css-sprites oder Einzelbilder?

Hmmm leider weis ich nicht was du damit meinst! Bin ja ein Blutiger Anfänger!

Jedenfalls schaffe ich das einfach nicht! Währe vielleicht wer so nett und ändert mir die css? style.zip

Hilfeeeeeeeeeeeeeeeeeeeeeeee

Ich bekomme es einfach nicht hin!!! Bitte helft mir! Jetzt mal mein Code:

Code:

/* Left, Right Modules */
#allsidebar-right .module, #allsidebar-left .module { width: 197px;}
#allsidebar-right .module h3, #allsidebar-left .module h3, #allsidebar-left .module_menu h3, #allsidebar-right .module_menu h3 { color: #fff; padding-left: 10px; font-size: 13px; height: 20px; padding-top: 6px; background: url(../images/sidebar.png) no-repeat center top;}
.inner { border:solid 1px #dfdddd; padding-bottom: 6px; margin-top: 9px; }
.module {padding:0; margin:0 0 10px 0; }
.module-title {font-size:20px;font-weight:bold;margin:0 10px;padding:5px 0 5px 5px;line-height:20px; color: #969696; text-shadow:1px 1px #fff; border-bottom:3px solid #e8e8e8; }
.module-body {margin:0; padding:8px 10px; }
.module-body p{padding:0; margin:0;}
.module-body a{ color:#1e5a80}
.module ul li { margin:0 5px; padding:0; list-style:insi****
.module ul.menu, .module_menu ul.menu{margin:0; padding:0;list-style:none; padding:0; list-style-type:none; }
.module ul.menu li, .module_menu ul.menu li{ list-style:none; list-style-type:none;margin:0; padding:0; border-bottom:1px dotted #e8e8e8;}
.module ul.menu li a, .module_menu ul.menu li a {display:block;margin:0; padding:3px 0 3px 35px;font-weight:normal;line-height:15px;background: url(../images/button.png) 0% 50% no-repeat; text-decoration:none; color:#0069d0}
.module ul.menu li a:hover, .module_menu ul.menu li a:hover { border: 0; color:#013a78; background: url(../images/hover-button.png) 0% 50% no-repeat; }
.module ul.menu li.active a, .module_menu ul.menu li.active a{ border: 0; color:#013a78; background: url(../images/hover-button.png) 0% 50% no-repeat; }
.module ul.menu li ul, .module_menu ul.menu li ul {border-top:1px dotted #e8e8e8; margin:0;}
.module ul.menu li ul li, .module_menu ul.menu li ul li {background:none; border:none; margin: 0 0 0 15px;   }
.module ul.menu li ul li a, .module_menu ul.menu li ul li a{ border: 0; color:#0069d0; background: url(../images/button.png) 0% 50% no-repeat;}
.module ul.menu li ul li a:hover, .module_menu ul.menu li ul li a:hover{ border: 0; color:#013a78; background: url(../images/hover-button.png) 0% 50% no-repeat; }
.module ul.menu li ul li.active a, .module_menu ul.menu li ul li.active a{color: #013a78;}
.module ul.menu li.active ul li a, .module_menu ul.menu li.active ul li a{color: #0069d0;}
.module ul.menu li.active ul li a:hover, .module_menu ul.menu li.active ul li a:hover{color: #013a78;}
/* End Modules */

Zitat von anka

Ohne Link zur Seite wird dir kaum jemand helfen können.
http://www.joomlaportal.de/joomla-te...-einf-gen.html

Die Seite befindet sich Lokal auf meinem Rechner! Von dem her wird das nicht möglich sein!