Hi
Ich habe auf meiner Page ein Dropdownmenü erstellt, welches die Administrationspunkte beinhaltet.
Nun soll sich das Menü, wenn ein Benutzer es öffnet, über den aktuellen Inhalt schieben.
Ich habe es bereits mit z-index:1; und position:absolute; versucht, mit dem Ergebnis, dass er mir nur das letzte Element anzeigt, weil alle über dem ersten angezeigt werden.
Hier die Entsprechenden Codes
Alles anzeigen
Alles anzeigen
Ich hoffe, dass ihr mir helfen könnt.
Vielen Dank für die Mühe
Lu
Ich habe auf meiner Page ein Dropdownmenü erstellt, welches die Administrationspunkte beinhaltet.
Nun soll sich das Menü, wenn ein Benutzer es öffnet, über den aktuellen Inhalt schieben.
Ich habe es bereits mit z-index:1; und position:absolute; versucht, mit dem Ergebnis, dass er mir nur das letzte Element anzeigt, weil alle über dem ersten angezeigt werden.
Hier die Entsprechenden Codes
Quellcode
- <ul id="adminnavi">
- <li><a href="?show=admin"><div class="adminnavi_top">∇ Hauptmenü</div></a>
- <ul>
- <li>
- <a href="?show=admin&mode=home">
- <div class="adminnavi_ele">Startseite</div>
- </a>
- </li>
- <li>
- <a href="?show=admin&mode=current">
- <div class="adminnavi_ele">Aktuelles</div>
- </a>
- </li>
- <li>
- <a href="?show=admin&mode=management">
- <div class="adminnavi_ele">Vorstand</div>
- </a>
- </li>
- <li>
- <a href="?show=admin&mode=history">
- <div class="adminnavi_ele">Chronik</div>
- </a>
- </li>
- </ul>
- </li>
- <li>
- <a href="?show=admin&mode=home">
- <div class="adminnavi_top" style="text-align:center;">Untermenü</div>
- </a>
- </li>
- <li>
- <a href="?show=admin&mode=logout">
- <div class="adminnavi_top" style="text-align:center;">Logout</div>
- </a>
- </li>
- </ul>
Quellcode
- * html > body {
- behavior:url("htc/csshover.htc");
- }
- *>htm body {
- behavior:url("htc/csshover.htc");
- }
- * html body {
- behavior:url("htc/csshover.htc");
- }
- *+html body {
- behavior:url("htc/csshover.htc");
- }
- .adminnavi_top {
- width:174px;
- border: 1px #000000 solid;
- padding: 3px;
- margin: 2px;
- margin-bottom: 0px;
- background-color: #D9D9D9;
- }
- .adminnavi_ele {
- width:174px;
- border: 1px #000000 solid;
- border-top: 0px;
- padding: 3px;
- margin-left: 2px;
- margin-right: 2px;
- background-color: #EBEBEB;
- z-index:1;
- position:relative;
- }
- #adminnavi, #adminnavi ul {
- list-style-type:none;
- margin:0;
- padding:0;
- }
- #adminnavi li {
- width:190px;
- float:left;
- }
- #adminnavi li ul {
- display:none;
- }
- #adminnavi li:hover ul {
- display:block;
- }
Ich hoffe, dass ihr mir helfen könnt.
Vielen Dank für die Mühe
Lu