Willkommen in meiner Community!
Willkommen im Forum von www.html-hilfe.de
Forum > Hilfe > Html > Problem mit Navigationsbar
Fragen zu Html
In diesem Board befinden sich 36 Themen.
Die Beiträge bleiben immer erhalten.
Es wird moderiert von Admin.


Akmet  Problem mit Navigationsbar Zitat
6.1.2010 - 12:14 Uhr
1 Posts
Einmalschreiber

Also Hallo erstmal, ich hab ein Problem mit meinem DropLeft/Right Menu.
Ich habe links und rechts ein Menu, aber es funktioniert nur das linke.
Wenn ich das rechte in nem extradokument mache(ohne das linke) geht sie.

Ich denke ich habe i.was im css falsch aber entdecke keinen Fehler.

Hier der Inhalt meiner CSS-Datei:
/* structural styles and offsets */
ul.links, ul.links li, ul.links ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
}

ul.links {
position: absolute;
z-index: 1000;
cursor: default;
width: 8em;
left: 1em;
top: 1em;
}

ul.links li {
position: relative;
text-align: left;
cursor: pointer;
cursor: hand;
width: 8em;
margin: -1px 0 0 0;
}

ul.links ul {
z-index: 1020;
cursor: default;
width: 8.2em;
margin: -0.5em 0 0 7.5em;
position: absolute;
left: -100em;
top: 0;
padding: 1px 0 0 0;
}

ul.links ul li {
width: 8.2em;
}

ul.links ul ul {
margin: -0.5em 0 0 7.7em;
}


/* design styles */
ul.links ul {
border-width: 1px;
border-style: solid;
border-color: #344A94;
}

ul.links a:link, ul.links a:visited {
display: block;
cursor: pointer;
cursor: hand;
background: #fff;
border: 2px groove #344A94;
padding: 5px 7px;
font: normal normal bold 0.7em tahoma, verdana, sans-serif;
color: #344A94;
text-decoration: none;
letter-spacing: 1px;
}

ul.links a:hover, ul.links a:focus, ul.links a:active,
ul.links a.rollover:link, ul.links a.rollover:visited {
background: #fff;
color: #344A94;
}

/* submenu indicator arrows */
ul.links li.hasmenu > a:link, ul.links li.hasmenu > a:visited {
background: url(blue.gif) #fff no-repeat 95% 50%;
}

ul.links li.hasmenu > a:hover,
ul.links li.hasmenu > a:focus,
ul.links li.hasmenu > a:active,
ul.links li.hasmenu > a.rollover:link,
ul.links li.hasmenu > a.rollover:visited {
background: url(red.gif) #fff no-repeat 95% 50%;
}

* html ul.links li.hasmenu a,
* html ul.links li.hasmenu a:visited {
background: expression(/hasmenu/.test(this.parentNode.className)
? "url(blue.gif) #fffc no-repeat 95% 50%" : "#fff");
}

* html ul.links li.hasmenu a:hover,
* html ul.links li.hasmenu a:active,
* html ul.links li.hasmenu a.rollover,
* html ul.links li.hasmenu a.rollover:visited {
background: expression(/hasmenu/.test(this.parentNode.className)
? "url(red.gif) #fff no-repeat 95% 50%" : "#fff");
}

/* iframe layer */
ul iframe {
position: absolute;
z-index: 1010;
border: none;
}

/* browser hacks */
ul.links li { display:table; }
ul[class="links"] li { display:block; }

@media screen, projection {
* html ul.links li {
display: inline;
f\loat: left;
background: #fff;
}
}
* html ul.links li { position: static; }
* html ul.links a:link, * html ul.links a:visited { position: relative; }

*+html ul.links li {
display: inline;
float: left;
background: #fff;
}
*+html ul.links li { position: static; }
*+html ul.links a:link, *+html ul.links a:visited { position: relative; }



/* structural styles and offsets */
ul.rechts, ul.rechts li, ul.rechts ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
}

ul.rechts {
position: absolute;
z-index: 1000;
cursor: default;
width: 8em;
right: 1em;
top: 1em;
}

ul.rechts li {
position: relative;
text-align: left;
cursor: pointer;
cursor: hand;
width: 8em;
margin: -1px 0 0 0;
}

ul.rechts ul {
z-index: 1020;
cursor: default;
width: 8.2em;
margin: -0.5em 0 0 -5em;
position: absolute;
left: -100em;
top: 0;
padding: 1px 0 0 0;
}

ul.rechts ul li {
width: 8.2em;
}

ul.rechts ul ul {
margin: -0.5em 0 0 -7.7em;
}


/* design styles */
ul.rechts ul {
border-width: 1px;
border-style: solid;
border-color: #344A94;
}

ul.rechts a:link, ul.rechts a:visited {
display: block;
cursor: pointer;
cursor: hand;
background: #fff;
border: 2px groove #344A94;
padding: 5px 7px;
font: normal normal bold 0.7em tahoma, verdana, sans-serif;
color: #344A94;
text-decoration: none;
letter-spacing: 1px;
}

ul.rechts a:hover, ul.rechts a:focus, ul.rechts a:active,
ul.rechts a.rollover:link, ul.rechts a.rollover:visited {
background: #fff;
color: #344A94;
}

/* submenu indicator arrows */
ul.rechts li.hasmenu > a:link, ul.rechts li.hasmenu > a:visited {
background: url(blue.gif) #fff no-repeat 95% 50%;
}

ul.rechts li.hasmenu > a:hover,
ul.rechts li.hasmenu > a:focus,
ul.rechts li.hasmenu > a:active,
ul.rechts li.hasmenu > a.rollover:link,
ul.rechts li.hasmenu > a.rollover:visited {
background: url(red.gif) #fff no-repeat 95% 50%;
}

* html ul.rechts li.hasmenu a,
* html ul.rechts li.hasmenu a:visited {
background: expression(/hasmenu/.test(this.parentNode.className)
? "url(blue.gif) #fffc no-repeat 95% 50%" : "#fff");
}

* html ul.rechts li.hasmenu a:hover,
* html ul.rechts li.hasmenu a:active,
* html ul.rechts li.hasmenu a.rollover,
* html ul.rechts li.hasmenu a.rollover:visited {
background: expression(/hasmenu/.test(this.parentNode.className)
? "url(red.gif) #fff no-repeat 95% 50%" : "#fff");
}

/* iframe layer */
ul iframe {
position: absolute;
z-index: 1010;
border: none;
}

/* browser hacks */
ul.rechts li { display:table; }
ul[class="vertical"] li { display:block; }

@media screen, projection {
* html ul.rechts li {
display: inline;
f\loat: left;
background: #fff;
}
}
* html ul.rechts li { position: static; }
* html ul.rechts a:link, * html ul.rechts a:visited { position: relative; }

*+html ul.rechts li {
display: inline;
float: left;
background: #fff;
}
*+html ul.rechts li { position: static; }
*+html ul.rechts a:link, *+html ul.rechts a:visited { position: relative; }



Ich hoffe ihr habt mehr Ahnung davon als ich ;)

MFG Jan