Thema: Maxi Menu CK

Hallo,

ich hab ein Problem mit dem oben genannten Modul!

modul wird an der richtigen Position (hotizontal)angezeigt, fängt aber wie irre an zu flackern und es läßt sich nichts mehr vernünftig auswählen, wenn man mit der Maus darüber fährt!
Es dürfte an den Moo Effekten liegen, wenn ich die nämlich im Backend deaktiviere, dann klappt es (nur eben ohne die passenden Effekte, die ich irgendwie schon gerne hätte)!

meine Homepage

ich vermute, dass es viellecht was mit meinem CSS Style sheet zu tun hat, das zum HP Template gehört.

Kann mir da jemand weiter helfen?

Danke
maxx

Meine template_css.css

Code:

body {
	margin: 0px;
	padding:0px;
	background: #EEEEEE;
}
body, td, th {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 160%;
}
h1, h4, h5, h6 {
	font-size: 12px;
	color: #fff;
	font-weight: normal;
}
h4 {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #FF9900;
	margin-left: 2px;
}
h2 {
	color: #666666;
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase;
	margin:0;
	padding:0;
	font-family: Tahoma, Calibri, Arial, Helvetica, sans-serif;
	line-height: 32px;
}
h3 {
	color: #990000;
	font-weight: normal;
	font-size: 12px;
	text-transform: none;
	margin-bottom: 10px;
	padding-top: 0;
	margin-top: 0;
	font-family: Tahoma, Calibri, Verdana, Arial, Helvetica, sans-serif;
}
a {
	color: #990000;
}
a:hover {
	color: #000000;
}
#container {
        border-left:1px solid #B5B5B5;
	background:#FFFFFF url(../images/container-bg.png) repeat-x bottom center;
        border-right:1px solid #B5B5B5;
	position: relative;
	z-index: 3;
}
.container {
	width: 100%;
	clear:both;
	background:#FFFFFF url(../images/container-bg.png) repeat-x bottom center;
	display:table;
}
#contentarea {
	width: 780px;
	margin: 0 auto;
}
#top {
	width: 100%;
	height: 100px;
	background:#FFFFFF;
	border-top:1px solid #990000;
	border-bottom:2px solid #B5B5B5;
	position: relative;
	z-index: 5;
}
#top-cover {
	width: 780px;
	margin: 0 auto;
}
#logo {
	width: 200px;
	float: left;
	margin-top:10px;
}
#header {
	width: 780px;
	float: left;
	display: inline-block;
	margin-bottom: 20px;
}
#content {
	width: 550px;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding-bottom:40px;
	padding-left: 10px;
        padding-right: 10px;
        border-left:1px solid #B5B5B5;
        border-right:1px solid #B5B5B5;
        background:#FFFFFF  url(../images/container-bg.png) repeat-x bottom center;
}
#content2 {
	width: 780px;
	float: left;
	margin-top: 20px;
	margin-left: 0px;
	padding-bottom:40px;
}
#spotlight {
	width: 580px;
	float: left;
}
#right {
	width: 200px;
	float: right;
	padding-bottom: 70px;
	margin-top: 20px;
	color: #666;
	margin-right:0px;
        margin-left:5px;
}
#right .moduletable {
	margin-bottom: 20px;
}
#zitat {
	width: 180px;
	float: right;
	padding-bottom: 10px;
        margin-top: 150px;
	color: #666;
	margin-right:10px;
}
#bottom-cover {
	background:#B5B5B5 url(../images/bottom-bg.png) repeat-x bottom left;
	border-bottom:1px solid #181818;
	border-top:3px solid #B5B5B5;
	clear:both;
	display:table;
	width:100%;
	padding:15px 0 60px 0;
}
#bottom {
	width: 780px;
	margin:0 auto;
	color: #444444;
	padding:0px;
	font-size:11px;
}
#right h3, #bottom h3 {
	margin: 0px 0 5px 0;
	font-weight: bold;
	color: #464646;
	font-size: 14px;
	font-family: Calibri, Arial, Helvetica, Sans-serif;
	border-bottom:1px solid #333333;
	padding:0 0 2px 0;
}
#right h3 {
	color: #666666;
	border-bottom:1px solid #CCCCCC;
}
#user1 {
	width: 400px;
	float: left;
}
#user1 .moduletable {
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#user1 p {
	margin: 0;
	padding: 0;
	margin-left: 2px;
}
#user1 a {
	color: #444444;
}
#user2 {
	width: 85px;
	float: left;
	margin-left: 65px;
}
#user2 li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	text-transform: none;
	line-height: 18px;
}
#user2 a {
	color: #666;
	margin-left: 2px;
	font-size: 11px;
}
#user3 {
	width: 200px;
	float: right;
}
#impressum {
	width: 200px;
	float: right;
}
#footer-cover {
	clear:both;
	display:table;
	width:100%;
}
#footer {
	width: 780px;
	text-align: left;
	font-size: 10px;
	padding: 10px 0 0px 10px;
	color: #191919;
	margin:0 auto;
}
#footer a {
	color: #333333;
}
#footer .moduletable {
	width: 680px;
	margin: 0 auto;
	margin-top: 3px;
}
h2.contentheading, .componentheading {
	margin-bottom: 20px;
	margin-top: 10px;
	color:#666666;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	line-height:32px;
	text-transform:uppercase;
}
.clear {
	clear: both;
}
/* COMMON TAGS */
.modifydate {
	color: #C0C0C0;
}
.author {
	color: #C0C0C0;
}
.createdate {
	color: #C0C0C0;
}
.contenttoc {
	margin: 5px;
}
ul {
	margin: 2px;
	padding: 6px;
	padding-left: 15px;
}
li {
	padding-left: 1px;
	line-height: 150%;
}
ul.arrow1 li, ul.arrow2 li {
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.buttons {
	float:right;
	width:85px;
}
.buttons .buttonheading {
	float:left;
}
.buttons img {
	border: 0;
}
fieldset {
	border: none;
}
textarea, input {
	border: solid 1px #ccc;
	color: #666;
}
.button {
	background: none;
	border: solid 1px #ccc;
	color: #990000;
}
/* Poll Module Styles */

.poll-radio {
	padding:0;
	float:left;
	clear:left;
	text-align:left;
}
.poll-option {
	float:left;
	padding-bottom:6px;
	padding-top: 3px;
	width:85%;
	margin-left: 2px;
}
.poll h3 {
	border:none;
}
.author, .createdate, .modifydate, .buttons {
	display:none
}

#topmenu {
	margin-top:60px;
	float: right;
	width:450px;

}
#topmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 14px;
	float: right;
}
#topmenu li {
	list-style: none;
	float: left;
	font-weight: normal;
	font-size: 14px;
	padding:2px 15px 0 15px;
	line-height: 26px;
	text-transform: uppercase;
	font-family: Calibri, Candara, Arial, Helvetica, sans-serif;
}
#topmenu li a {
	display: block;
	padding: 0;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
}
#topmenu li:hover, #topmenu li.hover {
	position: static;
}
#topmenu li a:hover, #topmenu li.active a {
	color: #990000;
	background-position: center;
}

html>body #topmenu li a {
	width: auto;
}
.spotlight img {
}

.clr { clear: both; }

Du hast ja ganz unten auf deiner Webseite die Validierungslinks

Copyright © Markus Widl. All Rights Reserved. Powered by Joomla!. Valid XHTML and CSS.

Da klick doch mal drauf und dann sieghst du, dass deine Website eine Menge Fehler hat. Die mal versuchen zu beseitigen. Vielleicht erledigt sich dann auch das Problem mit dem Menü.

Dann gibts bei den Plugins (Erweiterungen --> Plugins) noch eines für die MooTools. Das mal, je nach dem, auf was es steht, deaktivieren oder aktivieren.


Axel

Zitat von maxx1976

Ich hab nur den MooUpdater als Plugin drinnen!

Das meinte ich. Irgendwo war das mal, dass das De-/Aktivieren es brachte. Zumindest mal ausprobieren. Ansonsten kann es natürlich auch durchaus sein, dass dir was fehlt bei den MooTools. Bin da aber auch nur bedingt fit in der Frage


Axel

Ist ein recht sonderbarer Effekt!
Ich hab nur mal so aus Neugierde versucht das original Tempate, (das als Basis für meines diente) zu verwenden! Der war auch bei diesem Template (iBusiness) der selbe.
Somit kanns schon mal nicht an meinen änderungen liegen!

Ich hab auch noch andere Menüs probiert, die haben sich alle irgendwie sonderbar verhalten, speziell bei den Dropdowns!
Das einzige, dass wirklich funktioniert, aber nicht all die gewünschten Funktionen bietet,
ist das moomenu_ck.

Ich hab das modul auch mit anderen Templates probiert! Kein Erfolg! Kann man irgendwo erkennen Ob die MooTools überhaupt installiert sind?

Trotzdem schon mal Danke
Maxx

Das hört sich nach JS-Konflikt an. Kommentiere doch mal testweise die moomenu.js aus deine Template aus.

Keine Ahnung, war nur so eine Idee, weil Du geschrieben hast, dass Du das mooomenu verwendet hast.
Wieso bieten die anderen Menüs nicht das was Du brauchst, z.B. Superfish. Das MaxiMenu das Du hast reizt Du nicht im geringsten aus, da gibt es einfachere Menümodule. Außerdem brauchst Du unbedingt die JS-Effekte? Mit reinem CSS bist Du doch auf der sicheren Seite!?

Dann versuche es mal mit einem anderen Browser. Vielleicht liegst an Deinem Browser. Ich selber verwende Superfish und Maximenu und Deine Probleme hatte ich noch nie.