/* Hallo Fritz, zusätzlich einige Infos über CSS. . Vererbung "Geschachtelte" Elemente erben die Eigenschaften der "umhüllenden" Elemente. D.h. Wenn du z.B. für das Element eine Eigenschaft (z.B. background-color) einstellst, so haben auch ALLE zwischen und verwendeten Elemente diesen Wert. Ausgenommen, jene Elemente bei denen der Wert diese Attribute explizit anders belegt wird. Daher ist es sinnvoll, eine, quasi initialisierende, Definition für body zu definieren. Ohne lange Erklärung ist folgende Definition sinnvoll (habe ich auch geklaut): */ /* Textformatierungen .hallo { /* Text zentriert anordnen */ /* text-align: center; /* Schriftgewicht (fett oder so) 100/light...dünn 400/normal 900/bold...fett */ /* font-weight: 900; /* Zeichengröße */ /* font-size: 16pt; } */ .body_all { /* Kein Rahmen, Polster, und Links-Oben beginnen. */ margin: 0; border: 0; padding: 0; top: 0; left: 0; /* soviel Platz am Bildschirm soll verwendet werden: */ width: 99%; /* komplette Fenster-Breite */ height: 100%; /* komplette Fenster-Höhe */ /* Zeichensatz: wenn vorhanden Arial, ansonsten Helvetica, wenn nicht dann den vom Browser vorgesehenen "serifenlosen" Zeichensatz */ font-family: Verdana, Arial, Helvetica, sans-serif; /* Textfarbe */ color:rgb(0,45,164); /* Hintergrundfarbe */ background-color:rgb(255,206,166); } .txt_8pt {font-size: 8pt;} .txt_9pt {font-size: 9pt;} .txt_10pt {font-size: 10pt;} .txt_normal {font-size: 11pt;} .txt_12pt {font-size: 12pt;} .txt_14pt {font-size: 14pt;} .txt_16pt {font-size: 16pt;} .txt_18pt {font-size: 18pt;} .txt_20pt {font-size: 20pt;} .txt_22pt {font-size: 22pt;} .txt_fett {font-weight: 900;} /*Einrückungen statt Tabulator*/ .einr_10px {padding-left: 10px;} .einr_20px {padding-left: 20px;} .einr_30px {padding-left: 30px;} .einr_40px {padding-left: 40px;} .einr_50px {padding-left: 50px;} /*=========================================================================*/ /* Hier folgt alles für die Kopfzeile */ /* grundsätzlicher Bereich - wird später in "header_logo" und "header_links" geteilt */ div.header { /* geht über die ganze Breite */ width: 100%; /* die Höhe inklusive einem weissen Strich darunter*/ height: 102px; /* liegt fix oben am Bildschirm */ top: 0px; position:fixed; /* Hintergrund unter "Du befindest dich:", weisser Strich unterhalb */ border-bottom-color: white; border-bottom-width: 1px; border-bottom-style: solid; background-color:rgb(255,188,134); } div.header_logo { padding: 5px 0px 0px 0px; /* oben rechts unten links */ background-color:rgb(255,197,149); float: left; text-align: center; border-right-color: white; border-right-width: 1px; border-right-style: solid; width: 150px; height: 97px; } /* Hintergrund unter obersten Links */ div.top_links { left: 140px; /*damit werden alle zwei Zeilen Toplinks horizontal verschoben*/ position: fixed; top: 0px; width: auto; /* padding: 0px 0px 0px 0px; /* oben RECHTS unten LINKS */ /* background-color:rgb(255,188,134);*/ font-weight: 900; /* wf: oberste Links fett */ /*background-color: yellow; */ } a.lnk_top { color:rgb(0,45,164); /* Abstand zwischen den Links mit RECHTS oder LINKS einstellen */ margin: 0px 10px 0px 45px; /* wf: mit 45 wurden alle Links nach rechts geschoben, TM: oben RECHTS unten LINKS */ font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 35px; /* Zeilenabstand - behelfsmäßige Höhen-Verschiebung */ /*background-color: red; */ } /* :visited erbt alle eigenschaften von der Basis-Definition. mit der folgenden Definition hat der visited-link KEINE zusätzlichen Eigenschaften - auch keine andere Farbe - die wird im