Karl Lenhardt: Frage zum Wiki-Artikel „verweissensitive Grafiken“

problematische Seite

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.

  1. problematische Seite

    @@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 🖖

    --
    “When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory
    1. problematische Seite

      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.

      1. problematische Seite

        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

        1. problematische Seite

          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

          1. problematische Seite

            @@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 🖖

            --
            “When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory
    2. problematische Seite

      Lieber Gunnar,

      <img usemap="#xxx" 
      

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

      Liebe Grüße,

      Felix Riesterer.

      1. problematische Seite

        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

        --
        Es gibt viel zu tun: ToDo-Liste
        1. problematische Seite

          @@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 🖖

          --
          “When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory