Menü ohne JS

[dkdenz]

Hallo,
hier habe ich mal was für Tüftler.
Ich habe also ein DropDown-Menü, welches kein JS benötigt.

Der Link:
Gelöscht...

Das Problem ist:
In den Netscape-Browsern läuft das Ding. IE und Opera streiken.

Nun die Frage:
kennt jemand einen Hack oder kann mir sonstwie was vorschlagen, dass diese Browser auch mitspielen?

Die relevanten Zeilen in der CSS sind diese hier:
(Zeile 91 + 92)

/*--------------------------------------------------------------------*/
.aktiv li { display:none; }
.aktiv:hover li { display:block; }
/*--------------------------------------------------------------------*/

Da bin ich mal gespannt...

 

[schwerminator]

im opera 7.54 läufts

 

[womstar]

na überleg mal .. welche art von css ist das?
genau css2 und warum sollte der ie css2 akzeptieren?
bei opera geht es .. musst nur etwas funmmeln.

musst du doch wieder diese böööse JS nehmen
http://www.alistapart.com/articles/dropdowns

 

[dkdenz]

Das akzeptiere ich nicht als Antwort...

 

[womstar]

tja, pech.

 

[dkdenz]

Mit Unterstützung von PHP bin ich schon ganz nahe dran...

Vorschau:

http://dkmd.de/tests/menu/index.php

(Tätigkeitsbereiche + Referenzen)

 

[PRINZ]

@dk, da fällt mir ein wort ein: FLASH

 

[dkdenz]

Im Prinzip hast Du recht, aber Problem ist gelöst...

 

[PRINZ]

zeig mal her, aber onmouseover zählt nicht!

 

[dkdenz]

So, für alle die ein "Multilinguales-NonJs-Menü-wenn-JS-deaktiviert-ist" suchen/brauchen dies hier:
Es funktioniert.
Das Multi-Language-JS-PHP-CSS-Menü.
Hier zu sehen:
http://dkmd.de/tests/menu/index.php
Ist JS aktiv beim Client, klappt das Untermenü auf, wenn man über dem Link "Tätigkeitsbereiche/Referenzen" ist.
Ist JS abgeschaltet, klappt das Untermenü auf, wenn man auf den Link "Tätigkeitsbereiche/Referenzen" klickt.
Der Code im HTML:

<a class="menu" href="wirueberuns.php" accesskey="a" title="Wir über uns - riemer telecom GmbH [a]">» Wir über uns</a>
<a onmouseover="auf()" onmouseout="zu()" class="menu" href="<?php echo $PHP_SELF ?>?style=1" accesskey="b" title="Tätigkeitsbereiche - riemer telecom GmbH [b]">» Tätigkeitsbereiche</a>
    <div id="bereiche" style="display:<?php echo ($_GET['style']==1)?"block":"none";?>">
        <a onmouseover="auf()" onmouseout="zu()" class="menu2" href="#">  - Bereiche1</a>
        <a onmouseover="auf()" onmouseout="zu()" class="menu2" href="#">  - Bereiche2</a>
        <a onmouseover="auf()" onmouseout="zu()" class="menu2" href="#">  - Bereiche3</a>
        <a onmouseover="auf()" onmouseout="zu()" class="menu2" href="#">  - Bereiche4</a></div>
<a onmouseover="auf2()" onmouseout="zu2()" class="menu" href="<?php echo $PHP_SELF ?>?style=a" accesskey="c" title="Referenzen - riemer telecom GmbH [c]">» Referenzen</a>
    <div id="referenzen" style="display:<?php echo ($_GET['style']==a)?"block":"none";?>">
        <a onmouseover="auf2()" onmouseout="zu2()" class="menu2" href="#">  - Referenzen1</a>
        <a onmouseover="auf2()" onmouseout="zu2()" class="menu2" href="#">  - Referenzen2</a>
        <a onmouseover="auf2()" onmouseout="zu2()" class="menu2" href="#">  - Referenzen3</a>
        <a onmouseover="auf2()" onmouseout="zu2()" class="menu2" href="#">  - Referenzen4</a></div>
<a class="menu" href="jobboerse.php" accesskey="d" title="Jobbörse - riemer telecom GmbH [d]">» Jobbörse</a>
<a class="menu" href="kontakt.php" accesskey="e" title="Kontakt - riemer telecom GmbH [e]">» Kontakt</a>
<a class="menu" href="impressum.php" accesskey="f" title="Impressum - riemer telecom GmbH [f]">» Impressum</a>

Der Code im JS:

function auf() {
 document.getElementById("bereiche").style.display = "block";
}
function zu() {
 document.getElementById("bereiche").style.display = "none";
}
function auf2() {
 document.getElementById("referenzen").style.display = "block";
}
function zu2() {
 document.getElementById("referenzen").style.display = "none";
}

Und spätestens jetzt dürft ihr mich "The Brain" nennen...

 

[pufaxx]

http://www.stunicholls.myby.co.uk/menus/dropdown.html

[diese seite ist sowieso der absoulte hammer. besonders gestaunt hab ich bei den animations und den puzzles]