Grafiken werden nicht korrekt angezeigt

[Sajo]

Hi!

Mein Problem ist immer noch, dass ich Grafiken in meiner Homepage eingebaut habe, die aber nicht angezeigt werden. Die Grafiken sind auf dem server im ordner 'pics' gespeichert. Das seltsame ist, dass die Grafiken, die als Hintergrund dienen, angezeigt werden. Auch manche andere Grafik wird angezeigt. Hier ist der Code mit dem ich die Grafiken anzeige:

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

oder auch

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

als link zu einer seite mit dem Bild in bergrößerter Form

Wäre dankbar wenn ihr mir helfen könntet.

Sajo

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

[afra]

Hallo Sajo!

Hast Du überprüft ob die Groß- Kleinschreibung stimmt?

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

Mittels % die Größe von Bildern skalieren ist nicht schön. Ich glaube nicht, dass das verpixelte Haus dann noch schön aussieht.

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

Stelle uns einen Link zur Verfügung, damit wir es selbst ansehen können.

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

Da verwendest Du wahrscheinlich ein Windows OS. Daher meine frage nach der Groß- und Kleinschreibung.

Schönen Gruß

Afra

[rob]

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

[Mike©]

Moin rob,

<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.

dein Beispiel wäre zu offentsichtlich. Ich vermute das es eher an der Dateiendung liegt. Mache Programme schreiben diese in Großbuchstaben. Also anstatt pics_bade_1.jpg pics_bade_1.JPG

regds
Mike©

[Ashura]

Hallo rob.

Was machen die Browser nun? Halbe Pixel können ja nun mal nicht gezeigt werden.

Angezeigt schon, ob die Browser dies allerdings unterstützen, bezweifle ich.

Einen schönen Mittwoch noch.

Gruß, Ashura