title-tag in klickbarer map

[Daniel]

Hallo zusammen!

Ich habe mir eine klickbare Map erstellt, in der ich verschiedene Bereiche der einer Grafik unterschiedlich verlinke. Was sonst ;-)

<img src="map.jpg" usemap="#Grafik-Map">
<map name="Grafik-Map">
  <area href="help1.html" shape="RECT" coords=" 0%,  0%,  190%,  170%">
  <area href="help2.html" shape="RECT" coords="0%,  172%, 90%,  180%">
  <area href="help3.html" shape="RECT" coords="0%,  185%, 80%,  245%">
  </map>

Das laeuft soweit ganz gut, nur:

1. wie kriege ich da fuer jeden Bereich einen schicken gelben "title" rein?
   so gehts nicht:
   <area href="help1.html" shape="RECT" title="bla" coords=" 0%,  0%,  190%,  170%">

und 2. Ich hab den Code auch nur im kopiert... warum die %-Zeichen und keine px oder pt?

Daniel

[mdkiller]

Hallo!
0. Du hast keine alt-Attribute eingegeben.

1. wie kriege ich da fuer jeden Bereich einen schicken gelben "title" rein?
      so gehts nicht:
      <area href="help1.html" shape="RECT" title="bla" coords=" 0%,  0%,  190%,  170%">

Welcher Browser? Im Mozilla funktioniert das meines Wissens. Im IE zeigt er auf jeden Fall die alt-Einträge an.

und 2. Ich hab den Code auch nur im kopiert... warum die %-Zeichen und keine px oder pt?

Versuch mal, gar nichts an Einheiten anzugeben...

Daniel

Gruß

mdkiller

[Erwin]

hi,

1. wie kriege ich da fuer jeden Bereich einen schicken gelben "title" rein?

versuchs mal mit alt="mein Hund"

Erwin

[MudGuard]

Hi,

<area href="help1.html" shape="RECT" coords=" 0%,  0%,  190%,  170%">

Aus dem HTML-Standard:
Coordinates are relative to the top, left corner of the object. All values are lengths. All values are separated by commas.

Die Werte sind Kommagetrennt, nicht Komma- und Leerzeichengetrennt.

Da es "length" sind, ist tatsächlich die Angabe von Prozentwerten zulässig.

Werte über 100% dürften aber nicht sinnvoll sein (da außerhalb des Bildes).
Der Standard schweigt sich leider aus, worauf sich Prozentwerte beziehen - außer beim Radius eines Kreises, wo es sich auf den kleineren der Werte Breite,Höhe des Objekts bezieht - daraus könnte man schließen, daß es auch bei den anderen Koordinaten auf Breite bzw. Höhe bezogen ist.

Benutze Pixelkoordinaten, kommagetrennt ohne Leerzeichen.

cu,
Andreas

[Thomas Luethi]

Hallo,

1. wie kriege ich da fuer jeden Bereich einen schicken gelben "title" rein?
      so gehts nicht:
      <area href="help1.html" shape="RECT" title="bla" coords=" 0%,  0%,  190%,  170%">

Dochdoch, das TITLE-Attribut gehoert schon in die AREA-Elemente.

Ich verwende es hier, um die Koepfe der Personen in einem
Gruppenbild zu "beschriften" und - wenn vorhanden - zu
Seiten ueber diese Person zu verlinken:

http://www.tiptom.ch/album/keramik/vernissage.html?bild=0018

<map name="kopfmap107">
  <area shape="circle" coords="54,127,29" alt="Vorname Name 1" title="Vorname Name 1" href="ausstellung.html?artist=6">
  <!-- u.s.w. -->
</map>

<img src='img/p1040107_720x540.jpg' alt="Foto: Gruppenbild" usemap='#kopfmap107' width='720' height='540'>

Mozilla 1.2.1 und Opera 5.12 zeigen ueber den Koepfen
brav das TITLE-Attribut als Tooltip an, ueber den
anderen Bereichen des Bildes zeigen sie nichts an.
MS IE 5.0 zeigt ueber den Koepfen das TITLE-Attribut,
sonst (leider) den ALT-Text des Bildes an.
(Diesen Effekt koennte man vermutlich unterdruecken mit
einem leeren TITLE-Attribut im IMG-Tag. Ist mir egal.)

und 2. Ich hab den Code auch nur im kopiert...

Kopieren ohne zu verstehen ist sehr, sehr ... leichtsinnig.
Lies hier nach, wie das mit den Image Maps geht:

http://selfhtml.teamone.de/html/grafiken/verweis_sensitive.htm

warum die %-Zeichen und keine px oder pt?

Deine %-Werte (groesser als 100%) scheinen mir absurd.

Da die Dimensionen Deines Bildes ja vermutlich feststehen,
waere es wohl einfacher verstaendlich, mit Pixeln zu arbeiten.

Prozent-Werte sind aber offenbar grundsaetzlich erlaubt.

http://www.w3.org/TR/html401/struct/objects.html#adef-coords
  "Coordinates are relative to the top, left corner of the object.
   All values are lengths. All values are separated by commas."

http://www.w3.org/TR/html401/sgml/dtd.html#Length
  "<!-- Length defined in strict DTD for cellpadding/cellspacing -->
  <!ENTITY % Length "CDATA" -- nn for pixels or nn% for percentage length -->"

http://www.w3.org/TR/html401/types.html#type-length
  "Length: The value (%Length; in the DTD) may be
  either a %Pixel; or a percentage of the available
  horizontal or vertical space. Thus, the value "50%"
  means half of the available space."

Gruesse,

Thomas

[Daniel]

Danke an alle! Jetzt funktionierts!
Aber entgegen aller Logik sind die >100% Angaben bei mir innerhalb des Bildes... Mein Bild ist 400 x 245 und wenn ich des Rect mit z.B. 380%,225%,400%,245% definiere, macht er mir genau die Ecke rechts unten klickbar... Naja, egal ich hab jetzt die Werte weggelassen.

Daniel

[Thomas Luethi]

Hallo,

Danke an alle! Jetzt funktionierts!

Na schoen!

Mein Bild ist 400 x 245 und wenn ich des Rect mit z.B. 380%,225%,400%,245% definiere, macht er mir genau die Ecke rechts unten klickbar...

Wer ist "er"? Wie gross ist der klickbare Bereich?

Da es doch sehr unlogisch ist, bezweifle ich, dass
"die Browser" im allgemeinen damit klarkommen.
Es handelt sich vermutlich um irgendeinen komischen
Browser, der seine eigene Art von Mathematik betreibt.

Fuer ein Zuverlaessiges Resultat empfehle ich Dir dringend,
auf Pixel umzusteigen oder wenigstens Prozentwerte <100%.

Um welche Seite geht es? Bitte hochladen und URL
hier als Link posten, danke.

Gruesse,

Thomas

[MudGuard]

Hi,

Danke an alle! Jetzt funktionierts!
Aber entgegen aller Logik sind die >100% Angaben bei mir innerhalb des Bildes... Mein Bild ist 400 x 245 und wenn ich des Rect mit z.B. 380%,225%,400%,245% definiere, macht er mir genau die Ecke rechts unten klickbar... Naja, egal ich hab jetzt die Werte weggelassen.

Das sieht so als, als ob "er" die Prozentzeichen schlicht ignoriert.
Laß sie weg, denn wenn ein Browser sie doch interpretiert, hast Du ein Problem.

cu,
Andreas