CSS-Navigation

[berdn]

Liebes Forum,

ich steh emal wieder auf dem Schlauch ...
Ich habe eine wunder schöne CSS-Navigation im Netzt gefunden die auch hervoragend in Fierfox, Opera, und Safari funktioniert.
http://www.xs4all.nl/~peterned/examples/cssmenu.html
Auch im IE, wenn active Scripting erlaubt ist.
Nur natürlich nicht, wenn es ausgeschaltet ist.

Hier achte ich an eine Möglichkeit über ein <noscript> ein anderes Externes css zu laden was die UL's die auf display: none stehen, auf sichtbar zu stellen und an einer anderen Stelle zu positionieren.

Die Frage ist wie ...

noscript ist im Head nicht erlaubt ...
Der Impot von externen CSS im Body nicht ...

Irgendwie in einer Sackgasse,

Dankbar für einen Typ.

Achso das ganze ist online unter
http://www.strich-komma.de/preview/ks/

Liebe Grüße,

Bernd

[Jörg Peschke]

Hallo,

noscript ist im Head nicht erlaubt ...
Der Impot von externen CSS im Body nicht ...

Irgendwie in einer Sackgasse,

Dankbar für einen Typ.

Damit kann ich nicht dienen, aber möglicherweise mit einem Tip (oder nach der neuen rechtschreibung vermutlich Tipp):

Lade doch zuerst in Deinem Head die CSS-Datei für Nicht-JavaScript-fähige browser. Ohne Noscript-Bereich usw., einfach nur mit
<link rel="...>

Dann lädst du DARUNTER mittels JavaScript das andere CSS:
<script type="text/javascript">
<!--
   document.writeln('<link rel = "....');
//-->
</script>

Ein Nicht-javascript-fähiger Browser läd dann nur die obere Stylesheet-Datei und ignoriert den Script-Block.

Ein javaScript-fähiger Browser läd zwar zuerst auch die Noscript-Variante, danach aber die Script-variante - gleich benannte CSS-Attribute werden dann mit den Daten aus der Script-variante einfach überschrieben.

Hope that helps,

Schönen abend,

Jörg

[Ingo Turski]

Hi,

Hier achte ich an eine Möglichkeit über ein <noscript> ein anderes Externes css zu laden was die UL's die auf display: none stehen, auf sichtbar zu stellen und an einer anderen Stelle zu positionieren.

Dazu brauchst Du kein noscript.
Lösung 1: Setze auf die Unterseiten eine Subnavigation, ggfls. für moderne Browser oder den IE mit aktiviertem Javascript ausgeblendet.
Lösung 2: gebe der Menüklasse für den IE die gewünschte alternative Position und ändere diese (bzw. die Klasse) über das Javascript; könnte allerdings beim Laden kurz angezeigt werden - um das zu minimieren könntest Du das Script direkt unterhalb der Navigation setzen und noch während des Ladens ausführen lassen.

freundliche Grüße
Ingo

[berdn]

Danke für die Tips,

vieleicht arbeite ich mit der Subnavigation ...
Was mich stört ist das ja Firefox, Opera, und Safari also moderne Das schon auch ohne JS schaffen.

Aber ich benutze ja eh schon Conditional-Commands ...

Werde Das mal ausprobieren:
1. Das CSS fürs Menü laden
2. Dann im Kommentar das CSS für den IE zurücksetzen
3. Dann via Script das CSS fürs Menü

Dann sollten moderne Browser immer das Menü haben, der IE nur wenn Scrpting aktiviert ist. Denn beim IE sollte ja scripting ja eigentlich ausgeschaltet sein ;-)

Einen schönen Tag,

Bernd