Supportnet Computer
Planet of Tech

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

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>

Antwort 3 von rfb

du musst den veralteten Kram aus dem body-tag natürlich entfernen, also:

<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:

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.


...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 ;-)

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!!

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.

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

Antwort 11 von sutadur

Na, so sind wir uns nun doch noch einig geworden ... :o) Schönes Wochenende!

Ich möchte kostenlos eine Frage an die Mitglieder stellen:


Ähnliche Themen:


Suche in allen vorhandenen Beiträgen: