Frage zum Wiki-Artikel „verweissensitive Grafiken“

[Karl Lenhardt]

Die erste Zeile in Ihrem Beispiel lautet.

<img src="karte.png" width="345" height=312 alt="Karte" usemap="#Landkarte">

Nun habe ich mit älterem HTML 4.0 in meiner Homepage anstelle dessen stehen:

<img usemap="#xxx" src="xxxx.gif" alt="xxx" width=xxx height=xxx border=0

Das funktioniert auch mit meinem Laptop auch mit neueren Browsern gut, jedoch nicht auf meinem Tablet mit Android Betriebssytem. Kann diese unterschiedliche Schreibweise dafür verantwortlich sein? Auf eine Stellungname würde ich mich freuen.

[Gunnar Bittersmann]

@@Karl Lenhardt

<img usemap="#xxx" src="xxxx.gif" alt="xxx" width=xxx height=xxx border=0

Das funktioniert auch mit meinem Laptop auch mit neueren Browsern gut, jedoch nicht auf meinem Tablet mit Android Betriebssytem. Kann diese unterschiedliche Schreibweise dafür verantwortlich sein?

Meinst du mit „unterschiedliche Schreibweise“ das fehlende >?

Die Reihenfolge der Attribute im Tag ist egal.

Ansonsten bitte hier entlang: responsive Imagemaps

LLAP 🖖

[Karl Lenhardt]

Das am Schluss fehlende ">" habe ich vergessen, aber im original html steht es natürlich. Wenn die Reihenfolge egal ist, dann mus das mit dem Android Browser einen anderen Grund haben. Trotzdem vielen Dank für die schnelle Antwort.

[MrMurphy1]

Hallo

Die Ursachen tendieren gegen unendlich. Ohne Link zum direkten Ausprobieren können wir nur raten. Das ist aber kein Quiz-Forum.

Mir fallen zum Beispiel die teilweise nicht vorhandenen Anführungszeichen auf.

Groß-/Kleinschreibung kann eine Rolle spielen.

Oder Sonderzeichen.

Oder deutsche Buchstaben.

Oder Zahlen an falscher Stelle.

Oder ...

Gruss

MrMurphy

[Karl Lenhardt]

Hallo

Die Ursachen tendieren gegen unendlich. Ohne Link zum direkten Ausprobieren können wir nur raten. Das ist aber kein Quiz-Forum.

Mir fallen zum Beispiel die teilweise nicht vorhandenen Anführungszeichen auf.

Groß-/Kleinschreibung kann eine Rolle spielen.

Oder Sonderzeichen.

Oder deutsche Buchstaben.

Oder Zahlen an falscher Stelle.

Oder ...

Gruss

MrMurphy

Hallo MrMurphy,

ich dachte nicht, dass ich mich in einem Quiz Forum befinde! Was meinst Du mit "direktem Link zum Ausprobieren"? Ich habe diese Homepage noch nicht ins Web gestellt. Ich nehme an, dass das ein Javascript Problem ist oder mit dem beschränkten Platz auf einem Tablet zusammenhängt. Das mit der verweissensitiven Grafik funktioniert tatsächlich auch beim Tablet sehr gut, Die verweissensitiven Inhalte werden dafür in eine andere Ziel "div" geladen, welche mehrere Subdivisions enthält. Eine davon hat den Zweck, diese ganze div beweglich zu verschieben, weil man sonst von der verweissensitiven Grafik nur den obersten Teil sieht. Es handelt sich dabei um eine Stammbaumgrafik und beim Anklicken einer Person im unteren Teil verschwindet dann die Zieldivision im nicht mehr sichtbaren oberen Teil. Daher meine Intention, die Zieldivision verschiebbar zu machen. ("OnClick").Ich versuche nun, Dir den Quelltext hierher zu kopieren (habe keine Erfahrung mit Foren dazu bisher):

<div id="idiv">
<IMG USEMAP="#stbvv" SRC="../../../../bilder/karlfot/stb/stbvv_v02-t.gif"
 alt="[Stammbaum Vater vaterseitig] 36 KB" WIDTH=900 HEIGHT=1304 BORDER=0>

<MAP NAME="stbvv">
<AREA shape=rect COORDS="0,55,896,97"
 href='javascript:NeuLaden("stbfenst/einwindl.htm","665")'>
<AREA shape=rect COORDS="106,123,231,178"
 href='javascript:NeuLaden("stbfenst/LHeinr1819.htm","420")'>

<div id="Superdiv" onmousedown="dragstart(this)">

     <div id="Verschiebdiv">
     </div>

     <div id="Textdiv">
          <b><FONT class="red">« </FONT>
          <FONT class="white"> Verschieben (Drück undZieh)</FONT>
          <FONT class="red">«</FONT>
          <FONT class="white">&nbsp;BITTE LANGSAM ! &nbsp; &nbsp;</FONT></b>
     </div>

     <div id="Schliessdiv">
          <center>
          <a href="javascript:EinAus()">
          &nbsp; [Notiz Ein/Aus]
          </a>
          </center>

                 <div id="Zurueckdiv">
                        <a href='javascript:Blaettern(-1)'>
                        <b>&lt;&lt;[zurück]</b>
                        </a>
                 </div>

                 <div id="Vordiv">
                        <a href='javascript:Blaettern(1)'>
                        <b>[vor]&gt;&gt;</b>
                        </a>
                 </div>
     </div>

     <div id="Notesdiv">
          <iframe src="stbfenst/einwindl.htm" width=300 height=665 border=0 frameborder=0 framespacing=0 name="Notesframe" bgcolor="#CCDDFF">
          </iframe>
     </div>
</div>

</body>

Ich hoffe, dass Du damit zurechtkommst und bedanke mich im voraus für Deine Antwort

Gruß Karl Lenhardt

[Gunnar Bittersmann]

@@Karl Lenhardt

Die Ursachen tendieren gegen unendlich. Ohne Link zum direkten Ausprobieren können wir nur raten. Das ist aber kein Quiz-Forum.

ich dachte nicht, dass ich mich in einem Quiz Forum befinde!

Na eben! Du bist es aber, der uns hier Rätsel aufgibt.

Was meinst Du mit "direktem Link zum Ausprobieren"?

Einen Link zu deiner Seite, damit man sich ein Bild machen kann. (No pun intended.)

Ich habe diese Homepage noch nicht ins Web gestellt.

Dann tu das bitte.

Ich nehme an, dass das ein Javascript Problem ist oder mit dem beschränkten Platz auf einem Tablet zusammenhängt.

Kann sein. Kann sein. Oder auch nicht. Rätsel.

Ich versuche nun, Dir den Quelltext hierher zu kopieren

Der Versuch ist geglückt. Fast. Du musst den Quelltext noch als solchen markieren. Hab ich mal für dich gemacht.

(habe keine Erfahrung mit Foren dazu bisher):

Dazu gibt oben auf der Seite den Menüpunkt Hilfe. Da findest du was zu „Formatierung der Beiträge“.

LLAP 🖖

[Felix Riesterer]

Lieber Gunnar,

<img usemap="#xxx" 

könnte das Hash-Zeichen (#) vielleicht stören?

Liebe Grüße,

Felix Riesterer.

[Matthias Scharwies]

Servus!

Lieber Gunnar,

<img usemap="#xxx" 

könnte das Hash-Zeichen (#) vielleicht stören?

Nein, das ist ja der Anker auf die id des map-Elements (siehe: Referenz: usemap)

Im Quellcode des OP befinden sich obsolete font- und center-Elemente - wie Gunnar schon sagte, da ist eine Fehleranalyse eher ein Rätsel fr uns.

Liebe Grüße,

Felix Riesterer.

Herzliche Grüße

Matthias Scharwies

[Gunnar Bittersmann]

@@Matthias Scharwies

Nein, das ist ja der Anker auf die id des map-Elements

Nein, auf den name des map-Elements.

Wohl eine historisch bedingte Inkonsistenz von HTML.

LLAP 🖖