Bild wird nicht im IE angezeigt

[Jo]

Hallo zusammen,

ich habe folgendes Problem:
Auf meiner Seite müssen Bilder eingebaut werden und da es sich um die Seite einer Behörde handelt, muss diese Barrierefrei sein. In meinem Fall bedeutet dass, dass die Bilder die auf der Seite zu sehen sind umschrieben werden müssen, falls sie der Nutzer (aus welchem Grund auch immer) nicht ansehen kann.
Da der alt-Tag nur auf eine bestimmte Anzahl an Zeichen begrenzt ist, wurde mir bei einer Schulung gesagt, dass ich das bild wie folgt einbinden kann:
(Zusätzlich soll ein kleines Bild, wenn man darauf klickt größer in einem neuen fenster angezeigt werden - deswegen der Link)

<a href="großes Bild"><object data="kleines bild" type="image/jpg" width="215" height="124" title="hier steht der titel" lang="de" xml.lang="de"> Hier kann dann so viel text wie nötig untergebracht werden, um das Bild zu beschreiben. </object></a>

Im Firefox gibt es mit dieser Art das Bild einzubinden überhaupt keine Probleme. Alles funktioniert. Im IE wird mir das Bild gedoch nicht angezeigt. Anstelle dessen kommt immer ein rotes X
(Ich benutze den IE 6 SP2)

vielen Dank für die Hilfe

[droom]

Guck mal den Pfad des Bildes was IE aufruft.

FF toleriert manche sachen. Den IE aber nicht.

[Jo]

Guck mal den Pfad des Bildes was IE aufruft.

FF toleriert manche sachen. Den IE aber nicht.

Der Pfad müsste so eigentlich korrekt sein, da ich ihn direkt aus dem cms system rauskopiert hab

<a href="http://cms.wsv.bvbs.bund.de/vip8/wwwwsv_edit/wwwwsv/wsa-sw/wasserstrasse/staustufen/wehre/images/30_10_20_Wehr_-_Steinbach_01.jpg">
<object data="http://cms.wsv.bvbs.bund.de/vip8/wwwwsv_edit/wwwwsv/wsa-sw/wasserstrasse/staustufen/wehre/images/30_10_20_Wehr_Steinbach_01_kl.jpg"
type="image/jpg" width="215" vspace="5" hspace="8" align="left" height="124" title="titel des bildes" lang="de" xml:lang="de"> erläuterung des bildes </object></a>

ist die vorgehensweise das bildeinzubinden grundsetzlich so richtig, oder ist beipielsweise ein attribut nicht korrekt?
ich weiß einfach net das des problem sein könnte

danke!

[noscript]

ich weiß einfach net das des problem sein könnte

wurde doch schon gesagt!

[Jo]

ich weiß einfach net das des problem sein könnte
wurde doch schon gesagt!

also des hab ich jetzt mal so gemacht und den typ geändert.
nur ist jedes bild im IE aber in so einer Bildlaufleiste eingefasst wo man dann das bild runterscrollen kann oder nach rechts.
sowas dürfte doch normal nur kommen wenn die größe die für das Bild angegeben wurde zu klein ist, oder? wie bekomm ich das wieder weg?

die Bildgröße ist aber richtig angegeben und im Firefox funktioniert auch alles. welcher fehler besteht denn hier noch?

danke für eure hilfe!

[plan_B]

Hallo,

nur ist jedes bild im IE aber in so einer Bildlaufleiste eingefasst ....

dieses Beispiel passt nicht ganz: http://de.selfhtml.org/html/multimedia/objekteigenschaften.htm#css@title=html/multimedia/objekteigenschaften.htm#css

du wirst dich u.a. mit der CSS-Eigenschaft overflow beschäftigen müssen.

Gruß plan_B

[Bobby]

Moin

sowas dürfte doch normal nur kommen wenn die größe die für das Bild angegeben wurde zu klein ist, oder? wie bekomm ich das wieder weg?

Wie schaut es aus mit der padding-Eigenschaft? Dann kannst du wie schon gesagt, den overflow-Wert ändern oder die Größe des Object-Elementes anpassen. Versuch doch bitte erstmal etwas an den Elementeigenschaften zu ändern.

Und danach dokumentierst du hier deine Versuche wenn es nicht geklappt hat und du keine Lösung gefunden hast.

Denn: Versuch macht kluch!

Gruß Bobby

[jo]

Moin

sowas dürfte doch normal nur kommen wenn die größe die für das Bild angegeben wurde zu klein ist, oder? wie bekomm ich das wieder weg?

Wie schaut es aus mit der padding-Eigenschaft? Dann kannst du wie schon gesagt, den overflow-Wert ändern oder die Größe des Object-Elementes anpassen. Versuch doch bitte erstmal etwas an den Elementeigenschaften zu ändern.

Und danach dokumentierst du hier deine Versuche wenn es nicht geklappt hat und du keine Lösung gefunden hast.

Denn: Versuch macht kluch!

Gruß Bobby

Hi
also so wie ich des seh muss man um die padding eigentshcaft nutzen zu können ja einen div-layer haben.
ich hab das bis jetzt wie folgt gelöst:

<div style="width:50em; height:150px; overflow:visible; border:none; margin:1em; link:#0000ff; text-decoration:none;">
<p align="center"><a href="http://cms.wsv.bvbs.bund.de/vip8/wwwwsv_edit/wwwwsv/wsa-sw/wasserstrasse/staustufen/wehre/images/30_10_20_Wehr_-_Steinbach_02.jpg" target="_blank">
<img src="http://cms.wsv.bvbs.bund.de/vip8/wwwwsv_edit/wwwwsv/wsa-sw/wasserstrasse/staustufen/wehre/images/30_10_20_Wehr_Steinbach_02_kl.jpg"
width="600" align="center" height="164" alt="Wehr" title="Wehr Steinbach" lang="de" xml:lang="de"></a></p>
</div>

jetzt hab ich aber noch folgende zwei probleme:
ich hab wieder nur den alt-parameter um mein bild zu beschreiben und nicht wie am anfang meines problem geschildert unbegrenzt viele text zur verfügung, da ich das bild innerhabl des div nur mit img und nicht mit object einbinden kann. binde ihc es mit object ein, ist es wieder nicht sichtbar) ich denke dass da das problem liegt
außerdem ist um das bild ein rand herum, obwohl ich border 0 angegeben hab

danke für eure hilfe
gruß jo

[plan_B]

Hallo,

nun habe ich auch ein wenig rumgetestet, kann auch keine Lösung bieten.
Die overflow-Eigenschaft wirkt ja nur auf innere Elemente, dass hatte ich heute morgen nicht bedacht.

Denke die object-Konstruktion wird dir nicht viel weiterhelfen. Ist ein Bild nicht ladbar, zeigt mir der IE ein leeres Objekt an, aber nicht den langen Text. Auf die Scrollbalken will er auch nicht verzichten, egal wieviel grösser als das Bild ich das Object definiere

  
<style type="text/css">  
#obj_img1 {  
 width:215px;  
 height:124px;  
 padding:0;  
 margin:0;  
 }  
</style>  
  
<a href="gross.jpg"><object id="obj_img1" data="klein.jpg" type="image/jpeg"  
 title="hier steht der titel"> Hier kann dann so viel text wie nötig untergebracht werden, um das Bild zu beschreiben. </object></a>  

Gruß plan_B

[Jo]

Hallo,

nun habe ich auch ein wenig rumgetestet, kann auch keine Lösung bieten.
Die overflow-Eigenschaft wirkt ja nur auf innere Elemente, dass hatte ich heute morgen nicht bedacht.

Denke die object-Konstruktion wird dir nicht viel weiterhelfen. Ist ein Bild nicht ladbar, zeigt mir der IE ein leeres Objekt an, aber nicht den langen Text. Auf die Scrollbalken will er auch nicht verzichten, egal wieviel grösser als das Bild ich das Object definiere

<style type="text/css">
#obj_img1 {
width:215px;
height:124px;
padding:0;
margin:0;
}
</style>

<a href="gross.jpg"><object id="obj_img1" data="klein.jpg" type="image/jpeg"
title="hier steht der titel"> Hier kann dann so viel text wie nötig untergebracht werden, um das Bild zu beschreiben. </object></a>

>   
>   
> Gruß plan\_B  
  
Guten morgen  
ich hab deinen Vorschlag heut morgen mal ausprobiert, aber wie du ja schon vermutet hast, bringt mich des auch net weiter. egal wie groß ich das Bild mache, der scrollbalken verschwindet einfach nicht.  
  
sobald ich aber statt object data="----"       img src="---" angeb, verschwindet dieser scrollbalken. Ich denke also, dass der IE ein problem mit dem object data="---" hat.  
  
weiß jemand eine andere möglichkeit wie ich ein Bild einbinden kann und viel text zur Bildbeschreibung zur Verfügung hat. (Der alt-Tag reicht mir leider nicht aus).  
  
vielen Danke plan\_B für deine Hilfe und dass dus selbst mal ausprobiert hast.  
Danke  
  
Gruß  
Jo

[plan_B]

Hallo,

weiß jemand eine andere möglichkeit wie ich ein Bild einbinden kann und viel text zur Bildbeschreibung zur Verfügung hat. (Der alt-Tag reicht mir leider nicht aus).

  
<img src="..." alt="kurze Beschreibung"><span class="img_descr">lange Beschreibung ....</span>  

denke, das ist ein Fall für CSS. z.B. diese Klasse "img_descr" für unterschiedliche Ausgabemedien http://de.selfhtml.org/css/formate/einbinden.htm#link_media@title=css/formate/einbinden.htm#link_media

einmal ausblenden

  
.img_descr {display:none;}  

oder anzeigen

  
.img_descr {display:inline;}  

Gruß plan_B

[Jo]

Hallo,

weiß jemand eine andere möglichkeit wie ich ein Bild einbinden kann und viel text zur Bildbeschreibung zur Verfügung hat. (Der alt-Tag reicht mir leider nicht aus).

<img src="..." alt="kurze Beschreibung"><span class="img_descr">lange Beschreibung ....</span>

> denke, das ist ein Fall für CSS. z.B. diese Klasse "img\_descr" für unterschiedliche Ausgabemedien <http://de.selfhtml.org/css/formate/einbinden.htm#link_media@title=css/formate/einbinden.htm#link_media>  
>   
> einmal ausblenden  
>   
> ~~~css
  

> .img_descr {display:none;}  
> 

oder anzeigen

.img_descr {display:inline;}

>   
>   
> Gruß plan\_B  
  
Hi hi  
ich hab des jetzt folgendermaßen eingebunden:  
  
<style type="text/css">  
.img\_descr {display:none;}  
</style>  
  
<a href="...">  
<img src="..." alt="kurze Beschreibung"><span class="img\_descr">lange Beschreibung ....</span></a>  
  
Ich hoff ich hab des so richtig gemacht.  
des Problem is nur, wenn ich die Option display auf none setze, dann seh ich den langen Beschreibungstext nicht, auch nicht wenn ich bei den Browsereinstellungen einstelle, dass mir das Bild nicht angezeigt wird. da seh ich nur das, was bei alt steht.  
setzte ich display:inline, so sehe ich den text immer, auch wenn mir das Bild angezeigt wird. Das will ich aber auch net  
Ich hätte gerne einen beliebig langen text, der zu sehen ist, wenn das bild aus irgendeinem Grund nicht angezeigt werden kann bzw. der von einem Programm für Blinde anstelle des Bildes vorgelesen werden kann.  
  
LG  
jo  
  
  

[plan_B]

Hallo,

<a href="...">
<img src="..." alt="kurze Beschreibung"><span class="img_descr">lange Beschreibung ....</span></a>

Ich hoff ich hab des so richtig gemacht.

sieht nicht danach aus, dann lese noch einen Absatz weiter: http://de.selfhtml.org/css/formate/einbinden.htm#media@title=css/formate/einbinden.htm#media

  
<style type="text/css">  
@media aural,braille {  
  .img_descr {display:inline;}  
}  
@media screen, handheld, print {  
  .img_descr {display:none;}  
}  
</style>  

mit der Technik lässt sich allerdings nicht der "lange Text" einblenden, wenn es zum Bildladefehler kommt. Notfalls lässt sich das im img-Tag mit einem Eventhandler onerror korrigieren. Ist mir jetzt aber zu aufwendig, auch da ins Detail zu gehen ...

Gruß plan_B

[Jo]

Hallo,

<a href="...">
<img src="..." alt="kurze Beschreibung"><span class="img_descr">lange Beschreibung ....</span></a>

Ich hoff ich hab des so richtig gemacht.

sieht nicht danach aus, dann lese noch einen Absatz weiter: http://de.selfhtml.org/css/formate/einbinden.htm#media@title=css/formate/einbinden.htm#media

<style type="text/css">
@media aural,braille {
  .img_descr {display:inline;}
}
@media screen, handheld, print {
  .img_descr {display:none;}
}
</style>

>   
> mit der Technik lässt sich allerdings nicht der "lange Text" einblenden, wenn es zum Bildladefehler kommt. Notfalls lässt sich das im img-Tag mit einem Eventhandler onerror korrigieren. Ist mir jetzt aber zu aufwendig, auch da ins Detail zu gehen ...  
>   
> Gruß plan\_B  
  
dein obiges Beispiel hat mir leider nix gebracht.  
des mit dem Eventhandler onerror hab ich mir auch mal angeschaut, Aber so wie ich des seh, kommt diese Meldung nur, wenn beispielsweise ein falscher Pfad angegeben wurde.  
Ich bräuchte es aber folgendermaßen:  
Ist beispielsweise das anzeigen von Bildern im Browser deaktiviert soll der lange Text zu sehen sein und er soll für die Sprachprogramme von blinden Personen als Bildbeschreibung erkannt werden, dass dieser Text vorgelesen werden kann, da der Blinde das Bild ja leider nicht sehen kann.  
  
irgendeine lösung muss es dafür doch geben.  
  
aber vielen vielen dank schon mal.  
Gruß jo

[plan_B]

Hallo,

<object data="kleines bild" type="image/jpg" > Hier kann dann ...</object></a>

vielleicht akzeptiert der IE nur den mime-type "image/jpeg"

Gruß plan_B