Profil von HdHKG

19.08.2023, 00:43

Bild Datei ins selbe Verzeichnis bringen wie html Datei?

Wie schaffe ich das wenn meine html Datei in VS drin ist? Ich hab keine ahnung wie ich die in einen externen Ordner tun soll.

Wie soll ich den Pfad angeben?

(Bild ist im Ordner namens Pegasus, Bild heißt landschaft.jpg)

Ist kein Problem das Bild woanders hin zu tun damit es einfacher geht, ich weiß nur nicht wie.

So habe ich das gemacht:

body {
        font-family: helvetica, arial;
        font-size: 90%;
        line-height: 1.5;
        margin: 0;
        padding: 0;
        justify-content: center;
        text-align: center;
        background-image: url(Pegasus/landschaft.jpg);
        background-attachment: fixed;
        background-size: cover;
      }

...zum Beitrag

Hilfreichste Antwort

von HdHKG

19.08.2023, 11:45

Es scheint, als wäre der CSS Code funktional, also müsste das Problem am Pfad des Bilds liegen.
Stell sicher, dass, wenn du "background-image: url(Pegasus/landschaft.jpg);" verwendest, du im selben Ordner, in dem deine html Datei ist, einen Ordner namens Pegasus erstellst, der das Bild landschaft.jpg hat.

So:

Bild zum Beitrag

Wenn du das Bild direkt in den gleichen Ordner wie die html Datei hast musst du den Pfad in CSS abändern. Also:
"background-image: url(/landschaft.jpg);"

Der Pfad den du angibst ist relativ zu deiner html Datei.

Wenn du VS Code verwendest kannst du das auch direkt in VS Code machen, da hast du ja links den File Explorer. Entweder machst du dort rechtsklick und erstellst den neuen Ordner da und ziehst das Bild dann rein oder du drückt "reveal in file explorer", dann öffnet sich der Projektordner und du kannst dann da machen.

Bild zum Beitrag

...zur Antwort