Bilder in HTML
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
all
beitrag
bild
button
datei
endung
gro kleinschreibung
klappe
klarstellung
kleinschreibung
krzlich
loten
lsung
netzen
neuling
ordner
stufen
verzeichnis
window
zurck
-
Hey Leute,
bin Neuling in html, dennoch kann ich eigentlich keinen Fehler entdecken, aber nachdem ich das Bild, das ich in meine page eingebunden habe nicht sehen kann muss wohl eine drin sein...
Der Quelltext lautet:
<img src="/a/Button.jpg" width="166" height="44"
alt="test" />
Naja, wenn ich dir URI mit kompletter http://.../a/Button.jpg angebe funktioniert es, aber so nicht. Ich dachte er springt dann hald automatisch in das Verzeichnis, in dem meine html Datei liegt, oder seh ich das falsch? Oder wie kann ich ihm sagen, dass er bei der Suche vom heimverzeichnis ausgehen soll?
Hat es was mit den Verzeichnistrennern zu tun, also ob ich \ wie in windows oder / wie im Web verwende?
Thx a lot,
munich -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
hatte das Problem auch kürzlich hier auf Lima.... da es sich nur um ein bild gehandelt hat war es egal und ich habe nicht nach der Lösung gesucht (sonder mir mit http://.... beholfen)
Und ich habe ganz sicher das richtige Verzeichnist und groß-/kleinschreibung beachtet! -
danke für die Antworten! Jetzt sollte hoffentlich klappen!
-
Meines Wissens nach ist src="/a/Button.jpg" genau das gleiche wie src="a/Button.jpg", da das / vor dem a nur einen Ordner markiert.
Wichtig bzw. eher sehr empfehlenswert ist, wie schon gesagt, dass du in all deinen Dateien nur Kleinbuchstaben verwendest.
Unter Windows (also auf deiner HD) macht das zwar noch keinen Unterschied, im Netz, also in einem UNIX-System wird aber auf Groß- und Kleinschreibung geachtet ("casesensitive").
Wenn du eine Pfad angibst, musst du immer von dem Ordner ausgehen, in dem die Datei liegt, die auf das zB das Bild zugreift.
So wie du es angegeben hast, liegt deine HTML-Datei beispielsweise im Ordner HTML. Der Pfad des Bildes ist dann also www.url.endung/HTML/a/button.jpg.
Im Pfad zurückspringen geht mit einem ".". Mit src="./a/button.jpg" würder der Pfad des Bildes also www.url.endung/a/button.jpg. Aus dem Ordner HTML wird dann zurück in den index-Ordner und dann in den Ordner a gesprungen.
Am besten lässt sich das auch mit Rumexperimentieren nachvollziehen.
-
Hallo,
vielleicht noch kurz zur Klarstellung:
./xyz.htm ist gleich mit xyz.htm und bezieht sich auf das aktuelle Verezichnis in dem sich auch die Datei in der der Link steht befindet
../xyz.htm bezieht sich auf das Verzeichnis eine Stufe höher (kann auch erweitert werden ../../xyz.htm = zwei Stufen höher)
/xyz.htm bezieht sich auf das Wurzelverzeichnis der Dateistruktur
Gruß
Manni -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage