img usemap bug in Opera 9? (HTML, CSS und Javascript)

[thread]13485[/thread]

img usemap bug in Opera 9?

Leser: 22

Articles: hide open all | hide show old branches

+11 replies
esskar

2009-05-07 23:45
User since
2003-08-04
7321 Artikel
ModeratorIn
Gibt da nen bug?
die punkte sind total falsch. IE, FF, Safari macht alles richtig

hier mal der html code
Code: (dl )

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54

<map name="tour_map"> <area shape="rect" coords="56.5,459,194.5,488" href="#" onmouseover="ddrivetip('<h3>Saarbrücken - Landwehrplatz</h3>Saturday, 01. August 2009<br><br><br>', 300)" onmouseout="hideddrivetip()" > <area shape="rect" coords="148.5,384,256.5,413" href="#" onmouseover="ddrivetip('<h3>Frankfurt - Ballsporthalle</h3>Wednesday, 06. May 2009<br><br><br>', 300)" onmouseout="hideddrivetip()" > <area shape="rect" coords="55.5,314,102.5,343" href="#" onmouseover="ddrivetip('<h3>Köln - Rhein Court</h3>Saturday, 30. May 2009<br><br><br>', 300)" onmouseout="hideddrivetip()" > <area shape="rect" coords="55.5,339.5,102.5,368.5" href="#" onmouseover="ddrivetip('<h3>Köln - Nike Court</h3>Thursday, 07. May 2009<br><br><br>', 300)" onmouseout="hideddrivetip()" > <area shape="rect" coords="146.5,404,259.5,433" href="#" onmouseover="ddrivetip('<h3>Darmstadt - Bürgerpark</h3>Wednesday, 06. May 2009<br><br><br>', 300)" onmouseout="hideddrivetip()" > <area shape="rect" coords="213.5,552,304.5,581" href="#" onmouseover="ddrivetip('<h3>München - Sales</h3>Wednesday, 06. May 2009<br><br><br>', 300)" onmouseout="hideddrivetip()" > <area shape="rect" coords="339.5,179,403.5,208" href="#" onmouseover="ddrivetip('<h3>Berlin - Yaam</h3>Wednesday, 06. May 2009<br><br><b>Wo:</b><br>Stralauer Platz 35<br>D-10243 Berlin <br><br><b>Webgeschreibung:</b><br>S-Bahn zum Ostbahnhof. Gegenüber vom Ostbahnhof, zwischen Mauer und Spree (Ende der East-Side-Gallery). Einer der stylishten Spots in Berlin.<br><br>', 300)" onmouseout="hideddrivetip()" > <area shape="rect" coords="218.5,91,312.5,120" href="#" onmouseover="ddrivetip('<h3>Hamburg - St. Georg</h3>Wednesday, 06. May 2009<br><br><br>', 300)" onmouseout="hideddrivetip()" > </map> <img class="image" src="http://localhost:3000/tour/map/2009" alt="Germany's Finest Tour 2009" title="Germany's Finest Tour 2009" usemap="#tour_map" />
- +6 replies
- esskar
  
  2009-05-08 02:00
  
  User since
  2003-08-04
  7321 Artikel
  ModeratorIn
  
  bespiel ist jetzt auch online: http://www.germanysfinest.de/tour/2009
  - +5 replies
  - GwenDragon
    
    2009-05-08 09:02
    
    User since
    2005-01-17
    14741 Artikel
    Admin1
    
    1) Ja, die ausgelesenen Koordinaten stimmen wohl nicht.
    Ich schau mal noch genauer nach.
    Das ImageMap ist falsch erstellt, da sind riesige Bereiche zum Klicken!
    Koordinaten für einen rechteckigen Bereich gelten immer so und zwar mit dem Nullpunkt LinsOben:
    linkeobere Ecke X,linkeobere Ecke Y,rechteuntere Ecke X,rechteuntere Ecke Y
    Was den Mouseovertooltip angelangt, da wird eine Javascript-Library mit einer Browserweiche verwendet und das liest wohl die Koordinaten falsch aus.
    
    2) Wieso ist das HTML so fehlerhaft?
    Doppelte IDs
    Fehlende schließende Elemente
    keine Integer für die Koordinaten des ImageMap (es gibt keine halben Pixelkoordinaten!)
    Das Bild selbst sollte im HTML besser vor dem ImageMap kommen
    Und wieso hat das Bild keine Größe?
    Last edited: 2009-05-08 09:43:18 +0200 (CEST)
    die Drachin Gwen
    
    Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
    - +2 replies
    - esskar
      
      2009-05-08 09:22
      
      User since
      2003-08-04
      7321 Artikel
      ModeratorIn
      
      2009-05-08T07:02:16 GwenDragon
      Fehlende schließende Elemente
      
      echt???
      wo?
      
      Edit: ohje, tatsächlich. war schon spät. :-/
      Last edited: 2009-05-08 09:27:56 +0200 (CEST)
      - GwenDragon
        
        2009-05-08 09:32
        
        User since
        2005-01-17
        14741 Artikel
        Admin1
        
        Anderungen in meinem Posting msg #121323.
        Nur weil Firefox den vermurksten Code selbst richtig denkt, muss es nicht richtig sein. ;)
        Last edited: 2009-05-08 09:34:54 +0200 (CEST)
        die Drachin Gwen
        
        Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
    - +2 replies
    - esskar
      
      2009-05-08 09:41
      
      User since
      2003-08-04
      7321 Artikel
      ModeratorIn
      
      2009-05-08T07:02:16 GwenDragon
      linkeobere Ecke X,linkeobere Ecke Y,rechteuntere Ecke X,rechteuntere Ecke Y
      
      Code: (dl )
      
      1 2 3 4
      
      <area shape="rect" coords="56.5, 459, 194.5, 488" href="#" onclick="return OverlayWindow({element:this,id:'tour_4'})" alt="Saarbrücken - Landwehrplatz" />
      
      hab ich doch. bereich stimmt aber nicht.
      ich denke, es liegt an der decimal darstellung. test ich mal.
      - GwenDragon
        
        2009-05-08 09:47
        
        User since
        2005-01-17
        14741 Artikel
        Admin1
        
        Mit Integern läuft es.
        Wer sich an die HTML-Spezifikation hält, lebt ruhigre. ;)
        die Drachin Gwen
        
        Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
- +4 replies
- esskar
  
  2009-05-08 09:45
  
  User since
  2003-08-04
  7321 Artikel
  ModeratorIn
  
  lag wohl an den "halben" pixeln. hat er wohl einfach ignoriert, den punkt.
  jetzt siehts besser aus. danke.
  - +3 replies
  - GwenDragon
    
    2009-05-08 10:41
    
    User since
    2005-01-17
    14741 Artikel
    Admin1
    
    Wie Browser mit ungültigen Daten umgehen ist nicht festgelegt. Fast jeder reagiert anders, die einen werfen sie komplett weg, die anderen schneiden ab und die nächsten runden ab oder auf.
    
    Immer schön die HTML-Spezifikation beachten.
    
    Und bitte, wenn schon XHTML, dann korrekt.
    Ansonsten, warum nimmst du kein HTML 4.01 Strict bis HTML 5 kommt?
    Damit kommen mehr Browser klar.
    XHTML ist ein totes Pferd, wird doch bald eh von HTML 5 abgelöst.
    
    Und lass lieber mal im Code das
    <?xml version="1.0"?>
    weg.
    Sonst stolpert der Internet Explorer.
    die Drachin Gwen
    
    Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
    - +2 replies
    - sid burn
      
      2010-02-14 08:57
      
      User since
      2006-03-29
      1520 Artikel
      BenutzerIn
      
      Quote
      XHTML ist ein totes Pferd, wird doch bald eh von HTML 5 abgelöst.
      
      Warum sollte XHTML ein totes Pferd sein? Es wird zeitglich mit HTML5 auch an XHTML2 gearbeitet.
      
      Gibt sogar schon ein Artikel der HTML5 und XHTML2 gegenüber stellt: http://xhtml.com/de/future/x-html-5-versus-xhtml-2...
      
      Unabhängig davon frage ich mich sowieso warum sie HTML weiter leben lassen mit HTML5, eigentlich sollte XHTML ja HTML ersetzen. Wahrscheinlich werden wir den mist nie mehr los.
      
      EDIT: Achne XHTML2 wurde ja ende letzten Jahres eingestellt. Tja sieht so aus das wir wieder rückschritte in den Standards machen.
      Last edited: 2010-02-14 09:05:05 +0100 (CET)
      Nicht mehr aktiv. Bei Kontakt: ICQ: 404181669 E-Mail: perl@david-raab.de
      - Gast ҉
        
        2010-02-14 13:18
        
        HTML5 hat selbstverständlich auch eine XML-Serialisierung (XHTML5), damit ist diese Aussage wohl hinfällig.

View all threads created 2009-05-07 23:45.