Hi Matthias
ein minimales Online-Beispiel, das den Fehler reproduziert, wäre hilfreich. So ist es sehr schwer, den Code zu durchblicken oder auszuprobieren.
Z.B. mit http://jsfiddle.net oder http://codepen.io.
Danke für die Links. Ich werde mir wohl Codepen etwas genauer ansehen, auch wenn meine Englischkenntnisse eher (sehr) bescheiden sind.
<link href="basis.css" rel="stylesheet" media="all" type="text/css charset=utf-8">
Tja, da hab ich selbst einiges Chaos veranstaltet. Das Original aus dem Buchbeispiel beginnt mit diesem Kopf:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>CSS-Flyout-Menü</title>
<link href="basis.css" rel="stylesheet" media="all" type="text/css">
Wobei das nicht der ausschlaggebende Fehler zu sein scheint, an der anderen Stelle ist das ja richtig.
ul {…}
li {…}
li a {…}
li li a {…}Wenn du den Code auf vielen Seiten verwenden willst, sollten die Selektoren etwas spezifischer sein. Sonst formatierst du ja sämtliche ul- und li-Element auf der Seite.
Wenn mir etwas Schwierigkeiten bereitet(e), dann die Kombinierten Selektoren li, li li, li li a etc., denn was ist eigentlich was? Das hab ich erstmal durch meine beiden Klassen .submunue und .flyoutmenue einigermassen erfolgreich zu entschärfen versucht.
Der verwendete Editor - der zu meiner IDE gehörende - zeigt mir das Menue zwar nahezu korrekt an, Der IE und der Fuchs verstehen aber statt css diesmal nur Bahnhof.
Was ist das für ein Editor? Welche IE- und Firefox-Version verwendest du?
Das ist der QuellCode-Editor meiner DelphiXE4-IDE (Integrated Developer Envirnment), vergleichbar etwa mit Synedit. So quasi das Gegenstück ist der Designer, der die graphische Oberfläche - auch HTML-Dateien - zur Entwurfszeit darstellt. Damit ist es möglich, die graphische Oberfläche einer Anwendung per Drag&Drop 'zusammenzuschieben', auch in HTML. Letzteres funktioniert allerdings eher schlecht als recht.
FireFox ist seit heute Abend Version28.0, der IE ist 11.04.
Gruss
Delbor
Man muss nicht alles wissen.
Man muss nur wissen, wo's steht
Albert Einstein