Forum

[Kesrkin]

Hallo,

ich wollte für meine Seite diese Navigation benutzen und nach meinen
Wünschen abzuändern bzw anzupassen.
In einigen Punkten hat es auch geklappt und in anderen nach einigen Versuchen wohl eher nicht. Deswegen frage ich jetzt hiermal nach Hilfe.
Template das ich benutze:
http://www.redaxo.de/168-Templatedetail ... late_id=27

Menu 1 Funktioniert komplett.

So soll die Navigation ausklappen. Tut sie auch.
Menu Punkt 1 Menupunkt2 aktiv MenuPunkt 3
Menu Punkt 1 aktiv MenuPunkt2 MenuPunkt 3
Menu Punkt 1 MenuPunkt 3
Menu Punkt 1

li.kontakt in der CSS sorgt dafür das es kein Mouseover beim Menupunkt Kontakt gibt.

Menu2 soll nach oben ausklappen und Menu3 nach unten (funktioniert beides)

Problem:
In Menu 3 nimmt er allerdings keine Farben an.
background: ..;
color: ...;

Menu 3 soll weißen Hintergrund haben.
Ist allerdings komplet grau, egal was ich änder...

Hier jetzt mal die css die ich angepasst habe.

.menunav {
width: 134px;
position:relative;
/*font-size:11px;*/
z-index:100;
/*font-weight: normal;*/
}
/* UL Ebene 1 */
.menunav ul.nav1st {
padding:0;
margin:0;
list-style-type: none;
/*border-bottom:1px solid #000; */

}
/* Listenelemente der Ebene 1 */
.menunav ul.nav1st li {
float:left;
position:relative;
height: 22px;
line-height: 22px;
border-top:1px solid #000;
border-width:1px 1px 0 0;
}

/* Links der Listenelemente der Ebene 1 */
.menunav ul.nav1st li a,
.menunav ul.nav1st li a:visited {
font-weight: normal;
display:block;
text-decoration:none;
font-style: normal;
color:#dadee0;
width:134px;
height:22px;
padding-left:10px;
line-height:22px;
}

* html .menunav ul.nav1st li a, .menunav ul.nav1st li a:visited {
width:134px; /* für 'normale' Browser */
w\idth:134px; /* für IE */
}

/* Menu1 Kontakt */
.menunav ul.nav1st li.kontakt a,
.menunav ul.nav1st li.kontakt :hover,
.menunav ul.nav1st li.kontakt a:hover{
font-size: 11px;
line-height: 22px;
text-decoration: none;
padding-left: 10px;
color: #495057;
background: none;
/*background-color: transparent; geht auch*/

}

/* UL Ebene 2 soll nicht angezeigt werden.*/
.menunav ul.nav1st li ul.nav2nd {
display: none;
}

table {
/*margin:-10px;*/

}

/* li:hover für non-IE-Browser --- a:hover für IE */
/* Menu 1 hover */
.menunav ul.nav1st li:hover a,
.menunav ul.nav1st li a:hover {
color:#495057;
background-color:#dadee0;
}

/* Menu 2 Ausrichtung */
.menunav ul.nav1st li:hover ul.nav2nd,
.menunav ul.nav1st li a:hover ul.nav2nd {
display:block;
position:absolute;
bottom: 0px; /* klapp nach oben */
left:146px;
}


* html .menunav ul.nav1st li a:hover ul.nav2nd {
/*margin-bottom:0;
marg\in-bottom:1px;*/
}

/* Menu2 Listenpunkt */
.menunav ul.nav1st li ul.nav2nd li {
width: 100px;
height: 22px;
line-height: 22px;
border-top:1px solid #ccc; /*Überschreibt vorherigen*/
border-width:1px 1px 0 0; /*Überschreibt vorherigen*/
}
/*Menu2 hover*/
.menunav ul li:hover ul li a:hover,
.menunav ul li a:hover ul li a:hover {
background:#fff;
color: #495057;
}

/* Menu2 links */
.menunav ul.nav1st li:hover ul.nav2nd li a,
.menunav ul.nav1st li a:hover ul.nav2nd li a {
display:block;
color:#495057;
height:22px;
line-height:22px;
padding-left: 4px;
width:100px
}

/*ebene 3 verstecken*/
.menunav ul li:hover ul li ul,
.menunav ul li a:hover ul li a ul {
visibility:hidden;
position:absolute;
height:0;
width:0;
}

* html .menunav ul.nav1st li a:hover ul.nav2nd li a {
width:100px;
w\idth:100px;
}

/****************************************
Ebene 3
****************************************/
/* UL Menu3 */
.menunav ul li:hover ul li:hover ul,
.menunav ul lia:hover ul li a:hover ul {
visibility:visible;
position:absolute;
left:104px;
top: -1px;
width:104px;
background: #FFF;
}
/* Li Menu3*/
.menunav ul.nav1st li ul.nav2nd li ul.nav3rd li,
{
background: FFF;
width: 104px;
height: 22px;
line-height: 22px;
border-top:1px solid #ccc; /*Überschreibt vorherige*/
border-width:1px 1px 0 0; /*Überschreibt vorherige*/
}

/* Menu2 links */
.menunav ul.nav1st li:hover ul.nav2nd li:hover ul.nav3rd li a,
.menunav ul.nav1st li a:hover ul.nav2nd li a:hover ul.nav3rd li a {
display:block;
color:#495057;
height:22px;
line-height:22px;
width:104px
}

/*Menu3 a hover*/
.menunav ul li:hover ul li:hover ul li a:hover,
.menunav ul li a:hover ul li a:hover ul li a:hover {
background:#FFF;
color:#dadee0;
}

[Kesrkin]

Hat sich in Luft aufgelöst. War ein kleiner Denkfehler sowie ein Tippfehler im Css.

[Kesrkin]

Hat sich erledigt. Funkioniert.