• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Hintergrundbild wird nicht angezeigt...

Xeolon

Neues Mitglied
Hallo, ich bin noch ganz am Anfang mit meiner Bastellei und hangle mich mit Hilfe eines Lern-Buches durch die CSS-Anpassung.

Ich möchte gerne ein Hintergrundbild auf meiner Seite haben, welches zum Schluss noch transparent durch einen einfarbigen Background scheinen soll....

den einfarbigen background bekomme ich ohne schwierigkeiten in meine style.css datei unter...
wenn ich nun aber versuche ein bild als hintergrund einzubinden passiert zunächst garnichts....

ich habe nun an meinem script alles überprüft und schaffe es lediglich das bild anzeigen zu lassen, wenn ich die URL direkt von einer Webseite mit einem Bild entnehme...sobald ich ein bild von meiner Festplatte nehmen will, passiert nichts!

Nun liegt ja nahe, dass ich entweder das Verzeichnis nicht richtig angebe oder die Datei nicht richtig abgespeichert habe?!

so sieht mein script aus:

@charset "UTF-8";


/*Hintergrund-INFOS*/

body {
background-color: #7EC0EE;
background-image: url (C:\xampp\htdocs\xampp\Images\background.jpg);
background-size: cover;
background-repeat:no-repeat;
}

body {
font-family: "Helvetica";
}



/*Kopfbereich Elemente*/
#Kopfbereich {



/*Schriftarten*/

h1 {
font-size: 25px;
color: #FF0000;
}

im selbern Verzeichnis habe ich ein Bild, welches ich direkt in html eingefügt habe. Und damit gibtz keine Probleme...

<p align="center"</p><img src="Images/Logo Hate2Wait smaller.png" width="90%" height="15%" border="5">


Bestimmt ein ganz dummer Fehler ^^...

bitte um Hilfe!
Lg


EDIT: Und noch ein Problem am Rande habe ich:
Manchmal übernimmt der meine Änderungen in der css-Datei nicht auf der Browser-Seite...! Ich kann mir nicht erklären warum! Also ich habe einen bestehenden script für die schriftart...das übernimmt der und wenn ich dann diese ändere, passiert manchmal nichts!
 
Zuletzt bearbeitet:
Werbung:
Hallo,

.sobald ich ein bild von meiner Festplatte nehmen will, passiert nichts!

Nun liegt ja nahe, dass ich entweder das Verzeichnis nicht richtig angebe oder die Datei nicht richtig abgespeichert habe?!

JA ;)


background-image: url (C:\xampp\htdocs\xampp\Images\background.jpg);

Deine .HTML Datei ist unter htdocs/xampp ? Dann schreibe nur
url (Images/background.jpg);

die url() geht immer von dem Verzeichnis aus, indem du gerade bist. Das C:... kannst du dir also sparen ;) Auch bin ich mir jetzt nicht sicher ob du nicht die falschen Slashes verwendest.

lg
 
Also diese Variante habe ich auch schon einige Male ausprobiert . Funktion ist die selbe = gleich Null!
Und die Slashes habe ich copy/paste aus den Eigenschaften der Bild-Dabei gemopst ^^....
 
Werbung:
Wie rufst du deine Seite auf?
Also im Browser localhost eingeben. Eventuell noch ein ergänzenden Pfad. Ach und der Hinweis von mote ist richtig. Keine Backslashes und kein Absoluten Pfad verwenden.
Code:
background:url(lacalhost/images/bild.jpg no-repeat 0 0 )
 
Werbung:
So, ich probiere es noch einmal anders....

Aus meinem script kann man entnehmen, wo mein Bild gespeichert ist.

Ich öffne die Seite im Browser mit localhost/Pfad/Dateiname.

Ich habe meineserachtens nach ALLE Varitationen ausprobiert.....nur Pfad/Dateiname, nur Dateiname, Localhost/Pfad/Dateiname....mit Slash, ohne Slash....

wenn ich aber einen link aus dem Netz kopiere und Url(hier einsetze) funktioniert das ....

bitte unterlasst diese einsilbigen Antworten. Wenn ihr keine Lust habt, einem zu helfen, zwingt euch niemand dies einfach zu lassen....

ihr könnt euch vorstellen, dass man bevor man sein Problem anderen hier schildert, schon einige Zeit und Nerven davor verloren hat.

Danke
 
Zuletzt bearbeitet:
Also frage ich nochmal, warum das für mich von belange ist, wie ich die Seite aufrufe ? So, wie ich den Link verstehe, wird mir dort erklärt, welche Slash-Varianten zulässig sind ....

Ich habe ALLE Variationen bereits mit und ohne Slash ausprobiert und ich bekomme das (ein) Bild nur dann angezeigt, wenn es nicht auf meinem Rechner ist sondern ich die URL direkt ausm inet kopiere ...

Bitte sonst näher erklären, wenn ich's falsch verstanden habe!

Immer diese einsilbigen Antworten ...


Gesendet von iPhone mit Tapatalk

/xampp/Images/background.jpg wahrscheinlich.

localhost zeigt auf htdocs, nicht htdocs/xampp!
 
Werbung:
Habe ich dutzende male schon versucht!
Wenn du die Datei so aufrufen kannst:
C:\xampp\htdocs\xampp\Images\background.jpg
kannst du das so auch:
http://localhost/xampp/Images/background.jpg
das ist das gleiche wie:
/xampp/Images/background.jpg (wenn du das vom selben host - localhost - machst. Deshalb die Frage von @djheke )

Wenn das nicht so ist, dann lieferst du falsche Infos oder hast sonst etwas verhunzt.

EDIT: Und noch ein Problem am Rande habe ich:
Manchmal übernimmt der meine Änderungen in der css-Datei nicht auf der Browser-Seite...! Ich kann mir nicht erklären warum! Also ich habe einen bestehenden script für die schriftart...das übernimmt der und wenn ich dann diese ändere, passiert manchmal nichts!

Und leer endlich mal den Cache - Basics!
 
Boar Leute echt. Ich kann auf eure Hilfe verzichten, wenn ihr hier euer "AH-ICH HAB DAS SEIT MEINEM 1.LEBENJAHR SCHON GEWUSST"-Gehabe nicht mal lasst.
Woher soll jemand, der sich das (WIE ICH ES OBEN GESCHRIEBEN HABE) gerade selbst alles mit nem Buch (!!!!) beibringt, wissen, dass daran der Cache schuld ist??????? Könnt ich ausrasten bei solchen Antworten echt!

Erwachsene Menschen, die nicht ne 6 in Sozialkompetenz auf der Waldorfschule hatten, hätte ich gerne hier....

Und WENN ich hier falsche Infos liefere, dann sollte Mr Oberschlau (BASICS) ja wohl wissen, wo der Fehler da im Detail steckt. DENN ALLE INFOS, dies dazu gibt, stehen da oben...mehr weiß ich auch nicht davon!

html-Datei mit Verweis auf css-datei (styles)
Css-Datei (styles) mit script für backround-image (funktioniert nur wenn url aus inet)
Image gespeichert im Ordner xampp/Images/Dateiname

Ich bin kein IT-ler und mache das zum ersten Mal in meinem Leben....wenn ich irgendwas besser wüsste, würde ich es sicherlich nicht tun oder hier danach fragen, oder?!?!

Wütend-Entnervter-Newbe: OUT!




EDIT:

C:\xampp\htdocs\xampp\Images\background.jpg <<< das kann ich so öffnen!

http://localhost/xampp/Images/background.jpg <<<< das kann ich so nicht öffnen!

Ich mache das von ein und dem selben Host!

Woran kann das also liegen?
 
So Ausnahmsweise mal n Doppelpost, die Admins mögen es mir verzeihen und den unnötigen Thread hier baldigst schließen.

file:///C:/xampp/htdocs/xampp/Images/background.jpg << diese Zeile funktioniert in meinem script. Wenn du mir dies mit deinem Wikipedia-Link auf englisch mitteilen wolltest, dann hats leider nur bedingt geklappt. Ich bin zwar letztendlich dadurch darauf gestoßen, aber hätte nicht auch einfach "Ey schreib ma file:/// davor" gereicht? ...naja wie auch immer...

Danke für den Bluthochdruck und dafür, dass ich weiß, dass in diesem Forum nicht von jedem gerne geholfen wird!
 
Werbung:
@Xeleon

Mit welche buch lernst du CSS?
Und kannst du es mir empfehlen?
Wenn ja dann schreib mir bitte den namen und die ISBN Nr. und vllt. auch dem preiß hier im thread als Antwort ich möchte CSS nach HTML Lernen ;)
 
Werbung:
Wenn ich auf dein link klocke dann kommt folgendes:
----------------------
Not Found

The requested URL /lokaler-webserver-mit-xampp-–-teil-3-website-mit-xampp-aufrufen/ was not found on this server.
--------------------
 
Werbung:
Zurück
Oben