Home | Neues Thema | Suchen | Members | Kalender | Termine | Einstellungen | Registrieren | Login | FAQ | Statistiken
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.
Seite 1 Neues Thema letztes Thema nächstes Thema Dieses Board durchsuchen Diesen Thread zu meinen persönlichen Favoriten hinzufügen Abonnieren Ohne Zitat Antworten Druckt alle Antworten dieses Themas


Akmet ist offline Akmet  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