CSS Backround-Image

Status
Für weitere Antworten geschlossen.

freakybaron

Cadet 4th Year
Registriert
März 2020
Beiträge
106
Hey, ich habe erstelle mir grade meine Webseite und bin noch nicht erfahren. Ich würde gerne ein Bild als Hintergrundbild für die ganze Webseite in css einfügen.
Hier mein Html code :

<!DOCTYPE html>

<html>
<html lang="de">
<meta charset="utf-8">
<link href='hhh.css' rel='stylesheet' type='text/css'>
<title>Gameboys</title>
</head>

<body>
<h1>Wilkommen! Du interessierst dich für Gameboys? Dann bist du hier genau richtig!</h1>

<h2>Hier lernst du die aus Japan stammenden Gamesboys kennen. Ob du nur die verschiedenen Modelle kennenlernen möchtest, die Geschichte, oder eher nur wissen möchtest, was du alles auf dem Gameboy spielen kannst, hier gibt es alle Infortmationen, die du brauchst! </h2>
<h3>Klicke auf die Bilder für die weiteren Informationen! </h3>

<h2>Bildergallerie</h2>

<p>
<a href= "bildergalerie11111.html"><img src="https://i.pinimg.com/originals/3f/0b/76/3f0b7626175afe3aa4b04aa30cda8034.jpg" width=500 height=360"""" alt="Bildergallerie" /> </a>
<h3>Geschichte</h3>

<p>
<a href= "geschigameboy.html"><img src="https://img.generation-nt.com/0000659781.jpg" width=500 height=360 alt="Erfinder: Gunpei Yokoi" /> </a>

<h3>Spiele für den Gameboy</h3>

<p>
<a href= "spielegameboy.html"><img src="https://s3.amazonaws.com/prod-media... 25 Best Game Boy Games Of All Time/gb610.jpg"height=360 width=500 alt= "Games" /></a>


und hier meine Css-Datei:

body{
text-align: center;
}
body {
border-bottom:5px green solid;
border-top:5px green solid ;
border-left:5px green solid ;
border-right:5px green solid ;
}
h2{
padding-bottom:5%;

}
{
backround-image:url("gss.png");
}

und mir backround-image geht das nicht nur für "p" oder "a"
 
Abgesehen vom Tippfehler musst du das Hintergrundbild auch einem Element zuordnen:

CSS:
body {
    background-image: url("gss.png");
}
 
Zuletzt bearbeitet:
Kannst Du mal bitte den vollstaendigen Code in entsprechender Formatierung hier posten?

Anyway.
Das da...

1604694054833.png

... wuerde ich garnicht nutzen wollen, weil es waere nicht mein Bild und kann in 5 Minuten schon garnicht mehr existent sein.

BFF
 
klappt trotzdem nicht kannst du ja mal ausprobieren
Ergänzung ()

@BFF ich veröffentliche meine Seite nicht und ich habe vor Quellen anzugeben aber trotzdem danke
Ergänzung ()

Es geht mir nur um diese Seite, das ich da ein Hintergrundbild einfügen kann für die gesamte Seite. In einer Css.Datei

<!DOCTYPE html>

<html>
<html lang="de">
<meta charset="utf-8">
<link href='hhh.css' rel='stylesheet' type='text/css'>
<title>Gameboys</title>
</head>

<body>
<h2>Wilkommen! Du interessierst dich für Gameboys? Dann bist du hier genau richtig!</h2>

<h3>Hier lernst du die aus Japan stammenden Gamesboys kennen. Ob du nur die verschiedenen Modelle kennenlernen möchtest, die Geschichte, oder eher nur wissen möchtest, was du alles auf dem Gameboy spielen kannst, hier gibt es alle Infortmationen, die du brauchst! </h3>
<h4>Klicke auf die Bilder für die weiteren Informationen! </h4>

<h3>Bildergallerie</h2>

<p>
<a href= "bildergalerie11111.html"><img src="https://i.pinimg.com/originals/3f/0b/76/3f0b7626175afe3aa4b04aa30cda8034.jpg" width=500 height=360"""" alt="Bildergallerie" /> </a>
<h4>Geschichte</h3>

<p>
<a href= "geschigameboy.html"><img src="https://img.generation-nt.com/0000659781.jpg" width=500 height=360 alt="Erfinder: Gunpei Yokoi" /> </a>

<h4>Spiele für den Gameboy</h4>

<p>
<a href= "spielegameboy.html"><img src="https://s3.amazonaws.com/prod-media... 25 Best Game Boy Games Of All Time/gb610.jpg"height=360 width=500 alt= "Games" /></a>


@BFF @Sykehouse
 
Zuletzt bearbeitet:
Der Pfad zum Bild sollte natürlich auch noch korrekt sein. Und eben, da fehlt noch das "g" in background-image
 
  • Gefällt mir
Reaktionen: BFF
Was BFF meint, ist nicht im Sinne vom Copyright gemeint, sondern es geht darum dass die Datei fremd gehosted wird. Sie könnte jederzeit gegen eine andere Datei ausgetauscht werden.
 
  • Gefällt mir
Reaktionen: BFF
Hier ist unvollstaendiger Code. @freakybaron

Code:
<!DOCTYPE html>

<html>
<html lang="de">
<meta charset="utf-8">
<link href='hhh.css' rel='stylesheet' type='text/css'>
<title>Gameboys</title>
</head>

<body>
<h1>Wilkommen! Du interessierst dich für Gameboys? Dann bist du hier genau richtig!</h1>

<h2>Hier lernst du die aus Japan stammenden Gamesboys kennen. Ob du nur die verschiedenen Modelle kennenlernen möchtest, die Geschichte, oder eher nur wissen möchtest, was du alles auf dem Gameboy spielen kannst, hier gibt es alle Infortmationen, die du brauchst! </h2>
<h3>Klicke auf die Bilder für die weiteren Informationen! </h3>

<h2>Bildergallerie</h2>

<p>
<a href= "bildergalerie11111.html"><img src="https://i.pinimg.com/originals/3f/0b/76/3f0b7626175afe3aa4b04aa30cda8034.jpg" width=500 height=360"""" alt="Bildergallerie" /> </a>
<h3>Geschichte</h3>

<p>
<a href= "geschigameboy.html"><img src="https://img.generation-nt.com/0000659781.jpg" width=500 height=360 alt="Erfinder: Gunpei Yokoi" /> </a>

<h3>Spiele für den Gameboy</h3>

<p>
<a href= "spielegameboy.html"><img src="https://s3.amazonaws.com/prod-media... 25 Best Game Boy Games Of All Time/gb610.jpg"height=360 width=500 alt= "Games" /></a>

und im Weiteren was Du uns hier zeigst auch.

Wie soll Dir geholfen werden wenn das was fehlerhaft ist nicht wirklich bekannt ist?
 
@BFF Könntest du bitte einfach mal für meine Seite irgendein Hintergrundbild einfügen und es dann hier rein posten, denn obwohl ich es richtig schreibe und auch die Datei richtig ausgewählt ist wird mir nichts angezeigt
 
Wie soll ich das fuer "Deine Seite" machen und "hier einfuegen"? Dein CSS ist nicht bekannt.

Das hier ist das was raus kommt, wenn das Minimum an vernuenftigem Code getan wurde. Sprich auch abschliessende Tags aka </body> und </html> verwendet werden.

1604695449557.png
 
Du kannst doch eine css datei erstellen und nur ein Hintergrundbild einfügen. Dann kannst du mir den code schreiben. @BFF
 
Das koennte ich. Werde ich nur nicht. 🤬

Eher geb ich Dir den Tip das Du Dir das hier durch ackerst.

-> https://selfhtml.org/

Plus dem ganzen Krams der frei im WWW verfuegbar ist.

Wenn Du das durch hast kannst Du Dich bei mir melden und das Ergebnis praesentieren. Bis dahin ist hier zu.

grim-reaper-clipart-cartoon-network-grim-reaper-logo-png.jpg
 
  • Gefällt mir
Reaktionen: mental.dIseASe
Status
Für weitere Antworten geschlossen.
Zurück
Oben