Supportnet / Forum / Webseiten/HTML
Hintergrundbild nicht kacheln......
Frage
Hallo,
Ich versuche schon die ganze Zeit folgendes Problem zu lösen.....
Ich habe ein Bild, das ich als Hintergrundbild ansetzen möchte.Die Datei hat eine Größe von 640 x 480 pixel.Jetzt soll das Bild natürlich das Browserfenster auffüllen;ohne zu kacheln...
Aber wie könnte ich das hinbekommen???
Hat jemand eine Idee für mich?
Vielen lieben Dank,
Hein*
Antwort 1 von polf
kacheln?
meinst du vielleicht, dass es immer wieder abgebildet wird, weil du ne höhere auflösung hast?
am besten zeig ma deinen code!
meinst du vielleicht, dass es immer wieder abgebildet wird, weil du ne höhere auflösung hast?
am besten zeig ma deinen code!
Antwort 2 von Michael
Bei SelfHTML findet man zum Thema folgendes:
background-repeat (Wiederholungs-Effekt)
Normalerweise wird eine Hintergrundgrafik im Wallpaper-Effekt über den gesamten zur Verfügung stehenden Raum wiederholt. Sie können jedoch ein anderes Verhalten erzwingen.
Beispiel:
Anzeigebeispiel: So sieht's aus
<html><head><title>background-repeat</title>
</head><body bgcolor="#FFFFFF" text="#000000">
<div style="background-image:url(background4.jpg); background-repeat:repeat-x;
margin:30px; border:thin solid #CCCCFF; font-size:150%">
<p>Der erste Bereich.<br>Ein Text, der sehr leicht<br>umbricht...usw.</p>
</div>
<div style="background-image:url(background4.jpg); background-repeat:repeat-y;
margin:30px; border:thin solid #CCCCFF; font-size:150%">
<p>Der zweite Bereich.<br>Ein Text, auch leicht umbricht....usw.</p>
</div>
<div style="background-image:url(background4.jpg); background-repeat:no-repeat;
margin:30px; border:thin solid #CCCCFF; font-size:150%">
<p>Der dritte Bereich.<br>Ein Text, auch leicht umbricht...usw.</p>
</div>
</body></html>
Erläuterung:
Mit background-repeat: können Sie das Wiederholungsverhalten einer Hintergrundgrafik, die Sie mit background-image einbinden, kontrollieren. Erlaubt ist eine der folgenden Angaben.
repeat = wiederholen (Voreinstellung).
repeat-x = nur "eine Zeile lang" waagerecht wiederholen.
repeat-y = nur "eine Spalte lang" senkrecht wiederholen.
no-repeat = nicht wiederholen, nur als Einzelbild anzeigen.
Beachten Sie:
Netscape 4.x interpretiert diese Eigenschaft zwar, hat aber massive Schwierigkeiten bei der Darstellung von Elementinhalten.
http://selfhtml.teamone.de/
background-repeat (Wiederholungs-Effekt)
Normalerweise wird eine Hintergrundgrafik im Wallpaper-Effekt über den gesamten zur Verfügung stehenden Raum wiederholt. Sie können jedoch ein anderes Verhalten erzwingen.
Beispiel:
Anzeigebeispiel: So sieht's aus
<html><head><title>background-repeat</title>
</head><body bgcolor="#FFFFFF" text="#000000">
<div style="background-image:url(background4.jpg); background-repeat:repeat-x;
margin:30px; border:thin solid #CCCCFF; font-size:150%">
<p>Der erste Bereich.<br>Ein Text, der sehr leicht<br>umbricht...usw.</p>
</div>
<div style="background-image:url(background4.jpg); background-repeat:repeat-y;
margin:30px; border:thin solid #CCCCFF; font-size:150%">
<p>Der zweite Bereich.<br>Ein Text, auch leicht umbricht....usw.</p>
</div>
<div style="background-image:url(background4.jpg); background-repeat:no-repeat;
margin:30px; border:thin solid #CCCCFF; font-size:150%">
<p>Der dritte Bereich.<br>Ein Text, auch leicht umbricht...usw.</p>
</div>
</body></html>
Erläuterung:
Mit background-repeat: können Sie das Wiederholungsverhalten einer Hintergrundgrafik, die Sie mit background-image einbinden, kontrollieren. Erlaubt ist eine der folgenden Angaben.
repeat = wiederholen (Voreinstellung).
repeat-x = nur "eine Zeile lang" waagerecht wiederholen.
repeat-y = nur "eine Spalte lang" senkrecht wiederholen.
no-repeat = nicht wiederholen, nur als Einzelbild anzeigen.
Beachten Sie:
Netscape 4.x interpretiert diese Eigenschaft zwar, hat aber massive Schwierigkeiten bei der Darstellung von Elementinhalten.
http://selfhtml.teamone.de/
Antwort 3 von Feuervogel
nicht zu vergessen den wasserzeichen-effekt!
http://www.selfhtml.teamone.de/css/eigenschaften/hintergrund.htm#ba...
http://www.selfhtml.teamone.de/css/eigenschaften/hintergrund.htm#ba...