HALLO AN EUCH DA DRAUSSEN…!
Ach, das ist aber auch total verflixt mit diesen Menüs im Stylesheet…! Aber vielleicht könnt ihr mir helfen, wie ich folgendes Problem hin bekomme… Ich bedanke mich schonmal im Vorraus bei allen, die mich so zahlreich unterstützen…
Nun aber zu diesem Problem:
Ich habe ein Menü erstellt mit einer Grafik als Menuleiste. Wenn ich mit der Maus auf diese Grafik komme, öffnet sich das Untermenü mit 10 LINK-Button, die im Block zum Vorschein kommen. Hier besteht das Problem dass dieses Untermenu plötzlich unterhalb des Hauptmenüs fällt, sobald man mit der Maus dieses Hauptmenu anvisiert.
Hier der Code dazu:
* {
margin: 0;
padding: 0;
} #menu {
width: 130px;
height: 265px;
padding: 0 0px;
background: url(navigator/navi_ani.gif);
font-family: Verdana;
font-size: 1em;
line-height: 1.5;
float: 0;
} #menu ul {
float: left;
width: 120px;
list-style-type: none;
}
/*–definiert die „Drop-Down-Links“ im Normalzustand–*/
#menu a {
text-decoration: none;
display: block;
border: 1px solid #ccc;
text-align: center;
background: #ff9224;
color: #003366;
} /*–definiert die „Drop-Down-Links“ im Hoverzustand–*/
#menu a:hover {
color: #ff9224;
background: #003366;
} /*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern–
*/ #menu li {
position: relative;
} /*–versteckt die „Drop-Down-Links“, solange nicht gehovert wird–*/
#menu ul ul {
position: absolute;
z-index: 2;
display: none;
}
/*–lässt die Dropdown-Links beim Hovern erscheinen–*/
#menu ul li:hover ul {
display: block;
}
/*–nur für IE-Versionen <=6 erkennbar–*/
* html #menu ul li {
float: left;
width: 100%;
} /*–nur für IE 7 erkennbar–*/
*+ html #menu ul li {
float: left;
width: 100%;
} /*–bewirkt Hover-Effekt für IE <7 auch für ul- und li-Elemente–*/
*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
} *html #menu ul li a {
height: 1%;
}
/*–definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich–*/ #menu a.direkt:link {
font-size: 1em;
font-weight: bold;
text-align: center;
color: #000;
border: 1px solid #003366;
background: #ff8000;
}
/*–definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich–*/ #menu a.direkt:hover {
color: #ff9224;
background: #003366;
border: 1px solid #ccc;
}
-
Meine Frage:
Das Untermenu soll sich langsam (ca. in 1000ms) recht neben dem Hauptmenu heraus schieben. Wie bekomme ich das hin. Wo in diesem Script baue ich den fehlenden Rollover to right ein…damit sich das U-Menu zu rechten Seite heraus schiebt, sobald man mit der Maus auf das Hauptmenu kommt.
- Problem:
Statt der unschönen Linkbuttons möchte ich jeden Link mit einem Image (120px x 20px).
Wie baue ich diese in die Styleanweisungen ein…?
Danke für Eure Hilfe… Ich bin Euch was schuldig…
Gruß MJE
.