Hintergrundbild bei Webseiten verwenden ..?

BlackBoSs · 13.04.2010

Hallo Leute,

Wie kann ich eigentlich wie bei den unten angegeben Links von mir .. In Webseiten so ganze Hintergrundbilder einfügen ...

Z.b. eine Seite die ich mit Photoshop erstelle in Html .. und ich will ein Hintergrundbild verwenden ?

Wie kann ich dies machen ?

FreddyX2 · 13.04.2010

AW: Hintergrundbild bei Webseiten verwenden ..?

CSS-Code

Code:

body {
 background: url('hintergrund.jpg');
}

BlackBoSs · 13.04.2010

AW: Hintergrundbild bei Webseiten verwenden ..?

So einfach ? hmmmss ... einfach nur diesen Code einfügen bei body? und dann geht es ...?
ohne weitere css codes oder so ?

klixx · 13.04.2010

AW: Hintergrundbild bei Webseiten verwenden ..?

Naja, Du kannst noch 'background-position' angeben (left, center, right) und background-repeat (wenn das Bild nicht gekachelt werden soll: 'none'
Guck doch einfach mal bei selfhtml, da wirst Du fündig!
Und - ganz wichtig - ein seitenfüllendes Bild ist idR. recht groß (Dateigröße) - Du solltest Dir also gut überlegen, ob das sinnvoll ist bzw. wie Du es möglichst klein halten kannst, damit Deine Seitenbesucher nicht ewig warten müssen, bis etwas zu sehen ist!...

FreddyX2 · 14.04.2010

AW: Hintergrundbild bei Webseiten verwenden ..?

BlackBoSs schrieb:
So einfach ? hmmmss ... einfach nur diesen Code einfügen bei body? und dann geht es ...?
ohne weitere css codes oder so ?

Öhm, das IST CSS-Code. Was meinst Du, warum ich darüber "CSS-Code" geschrieben hab :rolleyes:

Wenn Du Deinen Hintergrund direkt im HTML einbinden willst:

HTML:

<body background="hintergrundbild.jpg">

exko · 15.04.2010

AW: Hintergrundbild bei Webseiten verwenden ..?

mit position:fixed; in css, kannst du das bild fest im hintergrund lassen!

BlackBoSs · 15.04.2010

AW: Hintergrundbild bei Webseiten verwenden ..?

also muss ich genau genommen diesen code hier eintippen im body bereich?

<body background="hintergrundbild.jpg"> position:"fixed"

exko · 15.04.2010

AW: Hintergrundbild bei Webseiten verwenden ..?

du musst vor </head> diesen code einfügen

<style type="text/css">
body { background-image:image.jpg; position:fixed; }
</style>

BlackBoSs · 15.04.2010

AW: Hintergrundbild bei Webseiten verwenden ..?

Perfekt...

Danke

)))

BlackBoSs · 14.05.2010

AW: Hintergrundbild bei Webseiten verwenden ..?

Hallo

Hab ein Problem

Und zwar .. bei mir zeigt er keinen Hintergrundbild an wenn ich diesen Code hier einfüge ?

Zitat von exko :

du musst vor </head> diesen code einfügen

<style type="text/css">
body { background-image:image.jpg; position:fixed; }
</style>

cebito · 14.05.2010

AW: Hintergrundbild bei Webseiten verwenden ..?

Erstmal sieht ein korrekt eingebundener Hintergrund entweder so aus:

Code:

body{
   background:#000000 url(meinBG.jpg) fixed no-repeat top center;
}

oder aber so:

Code:

body{
   background-color:#000000;
   background-image:url(meinBG.jpg);
   background-attachment:fixed;
   background-repeat:no-repeat;
   background-position:top center;
}

was den gleichen Effekt bewirkt wie die obere Kurzschreibweise.

Vielleicht solltest du (und vielleicht auch ein paar andere hier) dich einfach mal hier umsehen CSS 4 You - The Finest in Stylesheets: CSS-Referenz: Eigenschaften von A-Z, da kannst du dir auch anschauen, was die einzelnen Attribute bewirken.

BlackBoSs · 14.05.2010

AW: Hintergrundbild bei Webseiten verwenden ..?

Hab das vo dir oben genannten Code hier eingefügt, aber leider ist da nichts....

<html>

<head>
body{
background:#000000 url(http://www.lowevonjudah.org/images/website_background_1.jpg) fixed no-repeat top center;
}
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Neue Seite 1</title>
</head>

<body>

</body>

</html>

steve46 · 14.05.2010

AW: Hintergrundbild bei Webseiten verwenden ..?

Du musst:

HTML:

<html>
<head>
<title>Neue Seite 1</title>
<style type="text/css">
<!--
body {
   background-image: url(http://www.lowevonjudah.org/images/w...ckground_1.jpg);
background-attachment: fixed;
background-repeat: no-repeat; 
background-position: top center;
}
//-->
</style>
</head>
<body>
</body>
</html>

BlackBoSs · 14.05.2010

Funktioniert immer noch nicht ??? :S

Sobald ich den Code einfüge wird der Background weiss ??

cebito · 15.05.2010

AW: Hintergrundbild bei Webseiten verwenden ..?

BlackBoSs schrieb:
Funktioniert immer noch nicht ??? :S

Sobald ich den Code einfüge wird der Background weiss ??

Du musst natürlich den Pfad wieder anpassen, wenn du es so kopierst ist der nicht mehr vollständig.

Und was sehen wir daran? Dir fehlt es an den grundlegendsten Kenntnissen.
SELFHTML 8.1.2 (HTML-Dateien selbst erstellen) , Startseite - Little Boxes - Webseiten gestalten mit HTML und CSS und CSS 4 You - The Finest in Stylesheets sollten deine Lektüre in nächster Zeit sein, sonst seh ich hier nen Dauerthread bis dann 2015 deine Seite mal steht.

BlackBoSs · 15.05.2010

AW: Hintergrundbild bei Webseiten verwenden ..?

hi cebito,
ich hab mir schon vor 2 tagen bei amazon ein buch bestellt wo ich css besser beherrschen lerne ...

kannst du mir diesmal bitte helfen ?

steve46 · 15.05.2010

AW: Hintergrundbild bei Webseiten verwenden ..?

gib mir jetzt nochmal den exakten code und verrate mir noch eimal was du machen möchtest

AlexanderBo · 15.05.2010

AW: Hintergrundbild bei Webseiten verwenden ..?

cebito schrieb:
Und was sehen wir daran? Dir fehlt es an den grundlegendsten Kenntnissen.
SELFHTML 8.1.2 (HTML-Dateien selbst erstellen) , Startseite - Little Boxes - Webseiten gestalten mit HTML und CSS und CSS 4 You - The Finest in Stylesheets sollten deine Lektüre in nächster Zeit sein, sonst seh ich hier nen Dauerthread bis dann 2015 deine Seite mal steht.

cebito hat dir nun wirklich das wissenswerte aufgelistet!

warum also ein buch bestellen - (was lieferzeit braucht)¿

lesen und lernen...
vllt noch:
css-> SELFHTML: Stylesheets (CSS)

mehr brauchst dann nich

BlackBoSs · 22.05.2010

AW: Hintergrundbild bei Webseiten verwenden ..?

Hi Alexander,
Hast recht.. aber ich will es in Zukunft sehr gut beherrschen deshalb werd ich einen Kurs bei einem professionellen Webdesigner machen...

@ steve46: PM unterwegs....

mapegele · 25.05.2010

AW: Hintergrundbild bei Webseiten verwenden ..?

hallo leute, html und css wird für einsteiger auch sehr gut verständlich auf der folgenden seite erklärt: HTML lernen und die eigene Homepage erstellen - HTML Kurs / Seminar

die seite kann ich nur empfehlen. in teueren büchern steht auch nix anderes drin.