nicht angemeldet
Farbverlauf im Hintergrund
0 0 0 
Gunnar Bittersmann
Farbverlauf im Hintergrund
Hallo Forum,
ich habe ein Bild (Breite:1px, Höhe:100px). Dieses Bildist ein Farbverlauf von Blau zu weiß. den möchte ich nun gerne als Hintergrund über die Gesamte Fläche positionieren. Sozusagen, dass das gesamte Browserfenster - auch bei Auflösungsänderungen mit dem Farbverlauf zu sehen ist.
Wenn ich:
<body style="background-image:url(pics/back.jpg);">
setze, dann wird es ja automatisch immer wiederholt. Kann mir jemand einen Tip geben. Mit den Einstellungsmöglichkeiten die hier bei Selfthtml beschrieben sind habe ich esleider nciht hinbekommen.
Danke Euch
thomas
-
Hallo.
Du könntest dem image noch eine Höhe und Breite zuweisen <img height="" width=""> (und diverse andere Einstllungen vornehmen), dann wird es vermutlich aber doch sehr gezerrt.
Ich EMPFEHLE mit einem Bildbearbeitungsprogramm (adobe,gimp,etc.) zuerst das Bild auf gewünschte Größe bringen und es dann als background einbinden, mit der zusätzlichen Angabe background-repeat:no-repeat;Kommst du so weiter?
MfG.
-
Hi,
ich habe ein Bild (Breite:1px, Höhe:100px). Dieses Bildist ein Farbverlauf von Blau zu weiß. den möchte ich nun gerne als Hintergrund über die Gesamte Fläche positionieren.
dazu ist es ungeeignet, da der Farbverlauf nur über 100px geht.
Erstelle eine höhere ( und aus Performancegründen besser auch etwas breitere) Grafik und nutze lasse sie nur repeat-y wiederholen. Zusätzlich gibst Du eine weisse Hintergrundfarbe an für den Teil des Fensters, der evtl. unterhalb der Grafik noch zu sehen ist.freundliche Grüße
Ingo-
Danke.. hab jetzt 50x800 und mache drunter noch das weisse fenster so wie du gesagt hast.. nun passt es.. danke
Hi,
ich habe ein Bild (Breite:1px, Höhe:100px). Dieses Bildist ein Farbverlauf von Blau zu weiß. den möchte ich nun gerne als Hintergrund über die Gesamte Fläche positionieren.
dazu ist es ungeeignet, da der Farbverlauf nur über 100px geht.
Erstelle eine höhere ( und aus Performancegründen besser auch etwas breitere) Grafik und nutze lasse sie nur repeat-y wiederholen. Zusätzlich gibst Du eine weisse Hintergrundfarbe an für den Teil des Fensters, der evtl. unterhalb der Grafik noch zu sehen ist.freundliche Grüße
Ingo
-
-
Hello out there!
Mit den Einstellungsmöglichkeiten die hier bei Selfthtml beschrieben sind habe ich esleider nciht hinbekommen.
Na da schauen wir doch nochmal zusammen in http://de.selfhtml.org/@title=SELFHTML nach. Click.
Dass für Darstellungsangaben http://de.selfhtml.org/css/@title=CSS zuständig ist, weißt du ja schon. Click.
Hm, und jetzt? <http://de.selfhtml.org/css/formate/@title=CSS-Formate definieren>? Click.
Wohl nicht das richtige. Aber halt: Du kennst <http://de.selfhtml.org/css/formate/direkt.htm@title=HTML-Elemente direktformatieren>? Schade! Vergiss das 'style'-Attribut wieder! Stattdessen: <http://de.selfhtml.org/css/formate/zentrale.htm@title=Zentrale Formate definieren>! So wird der Quelltext übersichtlich. Click.
Nun aber zurück zu http://de.selfhtml.org/css/@title=CSS. Click.
Dann versuchen wir mal http://de.selfhtml.org/css/eigenschaften/@title=CSS-Eigenschaften. Click.
Welche interessieren doch gleich? <http://de.selfhtml.org/css/eigenschaften/hintergrund.htm@title=Hintergrundfarben und -bilder>. Click.
Du möchtest das Hintergrundbild horizontal wiederholen, vertikal jedoch nicht; außerdem die Hintergrundfarbe für den nicht vom Bild abgedeckten Bereich angeben. Das schsffst du jetzt self ...
See ya up the road,
Gunnar--
„Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)