Randbereiche einfärben
Gudi Fischer
- css
Ich arbeite mit Frontpage 2002 und möchte gerne die Randbereiche in einer anderen Hintergrundfarbe, als die restliche Website. Leider funktioniert das mit Frontpage nicht. So hab ich den Tipp bekommen, einen Stylesheet mit CSS zu definieren. Jetzt meine Frage als absoluter Laie: Wie mach ich das? Hab mir schon einige Tipps aus SEFLHTML geholt, jedoch funktionieren die nicht so, wie es sein sollte.
Kann mir da jemand helfen, bitte?
Gudi
Was meinst du mit Randbereich? Der Bereich zwischen Inhaltsrand und Fensterrand? Oder den Navigationsbereich, oder...
Bitte erläutere mal, was genau du ewrreichen möchtest.
Hallo,
Was meinst du mit Randbereich? Der Bereich zwischen Inhaltsrand und Fensterrand? Oder den Navigationsbereich, oder...
MS Frontpage verwendet den Begriff "Gemeinsame Randbereiche"
fuer eine Technologie, die aehnlich wie Includes oder Templates
funktioniert.
Vermutlich meint er das...
(Ob es jetzt gegen ihn oder gegen Frontpage und dessen Dokumentation
spricht, dass er keine Loesung findet, CSS auf diese "Randbereiche"
anzuwenden, sei dahingestellt...)
Gruesse,
Thomas
Was meinst du mit Randbereich? Der Bereich zwischen Inhaltsrand und Fensterrand? Oder den Navigationsbereich, oder...
Bitte erläutere mal, was genau du ewrreichen möchtest.
Ich möchte gerne, dass der Bereich, wo links die Navigationsflächen sind und oben (wo Banner, etc. ist) in einer anderen Hintergrundfarbe als der Rest der Site ist.
Bei Frontpage gibts da so ne Funktion, die heißt "Eigenschaften der Randbereiche", da kann man die alle einfärben, nur leider wird das im Browser dann nicht angezeigt (funktioniert also nicht).
Da bekam ich den Tipp, diese Randbereiche mit CSS umzufärben. Dies sollte ich mit folgendem Befehl tun:
<style type="text/css">
<!--
Randbereich { background-color: #0066CC; }
-->
</style>
Das hab ich auch in den head-Bereich reingeschieben (laut Anweisung), aber es tut sich nichts. Ist der Befehl überhaupt falsch?
Hallo,
Randbereich { background-color: #0066CC; }
Das wuere ein HTML-Element in der Form
<Randbereich>Blabla</Randbereich>
formatieren.
Unabhaengig von Frontpage solltest Du zuerst mal
anstaendig CSS lernen. Lies das Kapitel in SelfHTML:
http://selfhtml.teamone.de/css/index.htm
insbesondere:
http://selfhtml.teamone.de/css/formate/zentrale.htm
_Dann_ solltest Du gucken, wie der endgueltige
HTML-Quelltext aussieht, den Frontpage produziert.
Vielleicht schaffst Du es z.B., dem Bereich eine Klasse
zu geben, so dass es etwa so aussieht:
<div class="randbereich">
<!-- blabla Dein Zeugs -->
</div>
oder so.
Dann kannst Du das CSS fuer diese Klasse definieren:
div.randbereich { background-color: #0066CC; color:#ffffff; }
oder einfach
.randbereich { background-color: #0066CC; color:#ffffff; }
Beachte: Man sollte immer Vorder- und Hintergrundfarbe
gemeinsam definieren. Mit der Vererbung klappt es oft nicht,
und es kann auch zu Kollisionen mit dem Benutzer-Stylesheet
oder anderen Browser-Farbeinstellungen kommen, wenn
man nur eine der beiden Farben definiert.
Gruesse,
Thomas
Unabhaengig von Frontpage solltest Du zuerst mal
anstaendig CSS lernen. Lies das Kapitel in SelfHTML:
http://selfhtml.teamone.de/css/index.htm
insbesondere:
http://selfhtml.teamone.de/css/formate/zentrale.htm
Danke für die beiden Links - werde mir das gleich mal zu Gemüte führen...
_Dann_ solltest Du gucken, wie der endgueltige
HTML-Quelltext aussieht, den Frontpage produziert.
Vielleicht schaffst Du es z.B., dem Bereich eine Klasse
zu geben, so dass es etwa so aussieht:<div class="randbereich">
<!-- blabla Dein Zeugs -->
</div>oder so.
Dann kannst Du das CSS fuer diese Klasse definieren:div.randbereich { background-color: #0066CC; color:#ffffff; }
oder einfach
.randbereich { background-color: #0066CC; color:#ffffff; }
Bin auf den Fehler gekommen: Frontpage speichert die Formatierung der Randbereiche in einem Ordner (_border), dort musste ich diese dann als Randbereich definieren (so wie Du oben beschrieben hast). Dann konnte ich in den Seiten die gewünschte Farbe für die Randbereiche definieren. Mann, das war schon ein schweres Stück...
Beachte: Man sollte immer Vorder- und Hintergrundfarbe
gemeinsam definieren. Mit der Vererbung klappt es oft nicht,
und es kann auch zu Kollisionen mit dem Benutzer-Stylesheet
oder anderen Browser-Farbeinstellungen kommen, wenn
man nur eine der beiden Farben definiert.
Danke auch für den Tipp und für die Hilfe allgemein. Jetzt funktioniert alles (zumindest in der Browser-Vorschau).
Danke nochmals
Gudi