rob: Grafiken werden nicht korrekt angezeigt

Beitrag lesen

Hi!

Das hat jetzt nichts mit damit zu tun, daß deine Bilder nicht angezeigt werden, aber dein Code ist fehlerhaft.

<img src="pics/haus_3.jpg" width="40%">

Hier fehlt ein alt-Attribut. Du kannst es leer lassen, aber darfst es nicht weglassen, wenn du gültigen Code schreiben willst.
Tja und zur Skalierung von Bildern mit HTML-Attributen wurde ja ebenfalls schon was geschrieben. Es ist sehr unschön. Hier muß der Client ein großes Bild laden, obwohl nur ein kleines Bild gezeigt wird. Das ist Verschwendung von Bandbreite.
Außerdem ist die Skalierung mit Prozentwerten auch recht unschön. Hier kannst du die genaue Pixelgröße mitunter gar nicht genau bestimmen.
Ein Bild kann z.B. 99 Pixel breit sein. Skalierst du es auf 50% runter, dann erhälst du 49,5 Pixel. Was machen die Browser nun? Halbe Pixel können ja nun mal nicht gezeigt werden. Also wird dein Bild entweder 50 oder 49 Pixel groß werden. Ob die Browser das einheitlich handhaben, wage ich stark zu bezweifeln.
Ich würde auf sowas also sicherlich verzichten.

<img src="pics/pics_bade_1.jpg" alt="Klicken zum Vergr&ouml;&szlig;ern" width="150px">

Und du hast den Sinn von alt-Attributen nicht verstanden. Du setzt das Element falsch ein. Der Inhalt der alt-Attribute wird gezeigt (Textbrowser) oder vorgelesen (Screenreader), wenn das Bild nicht angezeigt werden kann oder die Anzeige von Bildern deaktiviert wurde.
"Klicken zum Vergrößern" ist keine sinnvolle Beschreibung, was auf dem Bild zu sehen ist.
Ich schätze mal, daß du mit dem Internet Explorer arbeitest, wenn du solche alt-Attribute setzt...
Es geht dir um die Anzeige des Tooltips? Benutze dafür das Attribut title. Das ist dafür da. Der MSIE zeigt als einziger Browser die alt-Attribute als Tooltips an, was aber natürlich gar keinen Sinn macht...

width="150px"

Du brauchst in HTML da gar kein px hinterzuschreiben.
width="150" ist völlig ausreichend.

PS.: Ich weiß nicht ob das weiterhilft, aber offline funktioniert alles perfekt.

Wurde ja bereits erwähnt... Es liegt sicherlich an der Casesensitivity des Dateisystems. Während Windows-Dateisysteme nicht zwischen Groß- und Kleinschreibung unterscheiden, tun das jedoch die Unixdateisysteme und die Online-Version deiner Site liegt sicherlich auf einem Unix-/Linux-Server bei deinem Provider.
<img src="pics/pics_bade_1.jpg" ...
und
<img src="PICS/pics_bade_1.jpg" ...
sprechen also unter Linux zwei völlig verschiedene Dateien an, während unter Windows beides die gleiche Datei/Verzeichnis meint.

Schöner Gruß,
rob