Re: HTML-Frage: Hintergrundbild ins Forum einbinden?

Geschrieben von Mulder911 am 24. September 2004 04:07:39:

Als Antwort auf: HTML-Frage: Hintergrundbild ins Forum einbinden? geschrieben von Johannes am 23. September 2004 23:33:25:

> Nur, wie binde ich ein Bild als Hintergrundbild ein? Und zwar nur in einem
> begrenzten Bereich, nicht im ganzen Forum.

Das geht mit CSS:

1. < html >
--> Beginn der HTML-Seite

2. < head > --> Kopfbereich der HTML-Datei

3. < style type="text/css" >
--> Scriptbereich für CSS im header der HTML Datei, um gewisse Dinge
vorzudefinieren. Deswegen stets auch im -Bereich vor dem
eigentlichen Code im

4. background-image:url("./.../.../bild.jpg");
--> Einbinden des Bildes über relative Pfadangaben (./.../.../)

5. background-position:top bottom left right center middle;
--> nur zwei Angaben wie zB. "center middle"

6. background-repeat: no-repeat;
--> damit wird verhindert, dass das Bild wiederholt wird,
optional auch "repeat" für Wiederholung oder "repeat-x" für einzeilige
horizontale Wiederholung bzw. "repeat-y" für einzeilige vertikale
Wiederholung.

7. background-attachment:fixed;
--> Hintergrundbild wird nicht mitgescrollt, nur der Vordergrundtext bewegt
sich (Wasserzeicheneffekt)

8. < / style >
--> Ende des CSS-Scriptbereiches

9. < / head >
--> Ende des Kopfbereiches

10.< body >
--> Beginn des sichtbaren HTMl-Bereichs. Hier können Text und zusätzliche
Scripts herein.

11.< / body >
--> Ende des Hauptteils der HTML-Datei

12.< / html >
--> Abschluss der HTML-Datei

Ich muss hinzufügen, dass die Leerzeichen innerhalb der Zeichen < und > im Realfall entfernt werden müssen. Ich hab sie nur eingefügt, damit das Beispiel hier wirklich nur als Quellcode dargestellt werden kann und nicht vom Browser interpretiert wird.


Antworten: