Supportnet / Forum / Webseiten/HTML
Hintergrundbild
Frage
ich möchte eine Homepage erstellen und da möchte ich ein Hintergrundbild einfügen. Nur wird mein hintergrundbild gekachelt.
Wenn Ihr mir Tipps habt wie ich das kacheln vermeiden kann, aber trotzdem das Hintergrundbild behalten kann, wäre ich Ihnensehr dankbahr
Antwort 1 von disco
etwas qiuellcode wäre vielleicht praktisch gewesen.
http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#allgemeines
http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#allgemeines
Antwort 2 von Arina
Das ist das was ich bereits habe...
nur ist es nicht das was ich möchte
<html>
<head>
<title>
meine Homepage
</title>
<style type="text/css">
body { background-image:url(anime5_JPG.jpg); background-repeat:no-repeat; }
</style>
</head>
<body background="anime5_JPG.jpg">
</body>
</html>
nur ist es nicht das was ich möchte
<html>
<head>
<title>
meine Homepage
</title>
<style type="text/css">
body { background-image:url(anime5_JPG.jpg); background-repeat:no-repeat; }
</style>
</head>
<body background="anime5_JPG.jpg">
</body>
</html>
Antwort 3 von rfb
du musst den veralteten Kram aus dem body-tag natürlich entfernen, also:
der Browser weiß doch sonst gar nicht was er machen soll (und macht deshalb - wie bei dir - in der Regel etwas unerwünschtes ;-)
<html>
<head>
<title>
meine Homepage
</title>
<style type="text/css">
body { background-image:url(anime5_JPG.jpg); background-repeat:no-repeat; }
</style>
</head>
<body>
</body>
</html>
der Browser weiß doch sonst gar nicht was er machen soll (und macht deshalb - wie bei dir - in der Regel etwas unerwünschtes ;-)
Antwort 4 von web1
Antwort 5 von sutadur
Zitat:
du musst den veralteten Kram aus dem body-tag natürlich entfernen, also:
du musst den veralteten Kram aus dem body-tag natürlich entfernen, also:
Leider trägt das nichts zu Problemlösung bei, denn auch so wird das Hintergrundbild nicht bildfüllend angezeigt, wenn es kleiner ist als die gewählte Bildschirmauflösung.
Antwort 6 von Puuuups
Zitat:
Leider trägt das nichts zu Problemlösung bei, denn auch so wird das Hintergrundbild nicht bildfüllend angezeigt, wenn es kleiner ist als die gewählte Bildschirmauflösung.
Leider trägt das nichts zu Problemlösung bei, denn auch so wird das Hintergrundbild nicht bildfüllend angezeigt, wenn es kleiner ist als die gewählte Bildschirmauflösung.
...war garnicht verlangt!
Antwort 7 von rfb
@sutador:
du weißt doch mindestens so gut wie ich, dass browserfensterfüllende HG-Bilder nur durch Anpassen von Bild- und Fenstergröße möglich sind.
Und dass meine Antwort dazu wäre: vergebliche Mühe, da die Fenster bei jedem anders groß sind.
Wie Puuuups schon erwähnte: das war nicht die Frage sondern wieso der Browser bei dem gegebenen Quellcode trotz no-repeat immer noch kachelt. Und das lag mE exact an dem veralteten Kram.
Allerdings warte ich nun - und vielleicht warst du ja gedanklich schon weiter - auf die Folgefragen bezüglich dem Rand rings ums Hintergrundbild, die Positionierung und wie die Position fixiert wird.
Schönes Wochenende (und wenn die dicke Regenwolke im Hintergrundbild meines Fensters nicht fixiert ist wird´s das vielleicht auch noch ;-)
du weißt doch mindestens so gut wie ich, dass browserfensterfüllende HG-Bilder nur durch Anpassen von Bild- und Fenstergröße möglich sind.
Und dass meine Antwort dazu wäre: vergebliche Mühe, da die Fenster bei jedem anders groß sind.
Wie Puuuups schon erwähnte: das war nicht die Frage sondern wieso der Browser bei dem gegebenen Quellcode trotz no-repeat immer noch kachelt. Und das lag mE exact an dem veralteten Kram.
Allerdings warte ich nun - und vielleicht warst du ja gedanklich schon weiter - auf die Folgefragen bezüglich dem Rand rings ums Hintergrundbild, die Positionierung und wie die Position fixiert wird.
Schönes Wochenende (und wenn die dicke Regenwolke im Hintergrundbild meines Fensters nicht fixiert ist wird´s das vielleicht auch noch ;-)
Antwort 8 von Arina
sutadur hat schon weitergedacht... grundsätzlich will ich dann das hintergrundbild ja an die Fenstergrösse angepasst... mein Betreuer (ich bin informatiklehrling 7.Woche) hatte da eben auch keine ahnung..
Danke für eure hilfe!!
Danke für eure hilfe!!
Antwort 9 von rfb
Zitat:
hintergrundbild ja an die Fenstergrösse angepasst
tja, das geht eben einfach nicht, es sei denn du lässt deine Seite in einem PopUp mit definierter Größe laufen. Keine gute Idee angesichts tausender PopUp-Blocker.hintergrundbild ja an die Fenstergrösse angepasst
Vorschlag:
gestalte dein HG-Bild so, dass es zum Rand zu in eine bestimmte Farbe ausläuft.
binde das HG-Bild so ein
body { background:url(anime5_JPG.jpg) no-repeat center center fixed #xxxxxx; }
statt xxxxxx gibst du die o.g. Farbe ein.
Das Bild wird dann in jedem Fenster zentriert und ringsum - falls Platz ist - wird ein Rand mit passender Farbe gelegt.
fixed
sorgt dafür, dass es beim Scrollen stehen bleibt.Antwort 10 von Arina
Danke vielmals!
grüsse Ari
grüsse Ari
Antwort 11 von sutadur
Na, so sind wir uns nun doch noch einig geworden ... :o) Schönes Wochenende!