• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Verweis-sensitive Grafiken definieren?

A

Azagio

Neues Mitglied
Hi zusammen,
Seir ungefähr einer Woche schaue ich ein wenig in die HTML/CSS Programmierung rein und bin deshalb noch ein blutiger Anfänger :P
Heute habe ich mir mal das Thema der Verweis-sensitiven Grafiken angeschaut. Um das Grundprinzip zu verstehen, wollte ich das Ganze in einer simplen Datei testen. Der Quellcode sieht so aus:

HTML: 
<html>
<body>
<p>
<img src = "unbenannt.png" alt= "nichtanzeigbar" usemap="#mapname"/>
<map name = "mapname">
<area shape ="rect" coords="10,10,10,10"
 href ="http://www.google.ch/" alt="Google" title="google">
</map>
</p>
</body>
</html>

Das unbenannt.png Bild (ich weiss, ich bin sehr kreativ was Namen betrifft) ist nur ein blaues Rechteck. Wenn ich nun die Datei mit meinem Browser öffne, wird die unbenannt.png angezeigt, aber auf dem Bild befindet sich keine Fläche, die nach einem Klick zu Google führt...

Würde mich freuen, wenn ihr mir hierbei helfen könntet. (Und habt erbarmen, ich bin 'n Anfänger :D)

Gruss
Azagio
 
Zuletzt bearbeitet:
Lass mal die unnötigen und falsch angebrachten Leerzeichen bei den Attributen weg.

Falsch:
HTML: 
<img src = "unbenannt.png" alt= "nichtanzeigbar" usemap="#mapname"/>

Richtig:
HTML: 
<img src="unbenannt.png" alt="nichtanzeigbar" usemap="#mapname"/>

Achte außerdem darauf, dass dein HTML-Code valide ist. Das kannst Du z.B. mit dem W3C-Validator prüfen.
 
So, hab den Code vorher gecheckt, die Fehler behoben und nun sollte (laut dem Validator) alles stimmen.
Code:
HTML: 
<!DOCTYPE html>
<html>
<head>
<title>"Link"</title>
</head>
<body>
<p>
<img src="unbenannt.png" alt="nichtanzeigbar" usemap="#mapname"/>
<map name = "mapname">
<area shape ="rect" coords="1,5,5,15"
 href ="http://www.google.ch/" alt="Google" title="google">
</map>
</p>
</body>
</html>

Doch leider funktioniert der Link immer noch nicht, bzw. ist nicht vorhanden...
Hast du weitere Ideen wo der Fehler liegen könnte?
 
Der Code kann so auch noch nicht korrekt sein. Mein Beispiel oben war nur ein Beispiel - Du musst auch den Rest anpassen. Und valide kann der Code jetzt auch noch nicht sein.

Außerdem wäre interessant wie groß die Grafik ist. Du legst die zu verlinkende Koordinate auf einen sehr kleinen Bereich. Evtl. könntest Du den Link daher auch "übersehen".
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben