Home | Suchen | Members | Kalender | Termine | Einstellungen | Registrieren | Login | FAQ | Statistiken
Alle Beiträge von Akmet pro Board zeitlich absteigend
Akmet ist offline Akmet hat 1 mal geschrieben. Das sind 1.11% aller Beiträge.
Bei nicht ausreichender Berechtigung für Beiträge aus Moderatoren- oder Gruppenboards, werden diese nicht angezeigt.

Akmet ist offline Akmet  Board: Html - Thema: Problem mit Navigationsbar Antworten Zitatantwort Einzelbeitrag drucken Dieses Thema weiterempfehlen

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

Seite 1 nach oben

Forenauswahl:



Numaek's Forum V3.2.1 © 2004 by www.numaek.de
Originaltemplate by numaek