HTML prob mit firefox (imagemap)

halfdevil · Beitrag von **halfdevil** » 10.10.2007 22:42

hallo user,

ich brauch nen bissel hilfe, hab grad erst angefangen meine website zu schreiben. habe vor 2 jahren ma nen html kurs gemacht, jedoch war das alles bissel eingerostet. desswegen hab ich mir jetzt erstma nen buch reingezogen, und bissel angefangen. jetzt will ich ne "startseite" machen, wo nen bild is, und dann klickt ma auf nen button auf dem bild, und kommt auf die eigentlich seite. dazu hab ich nen image map erstellt. jedoch klappt das ganze nur bei inet explorer und wenn ma das mit firefox oeffnet, ist der kasten fuer den link net da. was is das problem bzw was muss ich machen damit das auch bei firefox(und wahrscheinlich auch bei anderen browsern wie opera und co) funzt?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">

<html>
<head>
<title>Login Portal</title>
</head>

<body>
<h1 align="center"> TEST </h1>
<p style="text-align:center">
<map id="login">
<area shape="rect" coords="500, 638, 685, 675" href="test2.html" alt="test2" />
</map>
<img src="login_tor.jpg" alt="login tor" usemap="#login" />
</body>
</html>

so sieht das im mom aus

waere ueber ne loesung echt dankbar

mfg halfdevil

[/b]

StarWolf3000 · Beitrag von **StarWolf3000** » 11.10.2007 11:32

Liegt möglicherweise an der falschen DTD (Document Type Declaration)

soll heißen:
Ändere bitte die ersten beiden Zeilen in folgendes (Strict-Variante):

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

oder folgendes (Transitional-Variante):

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Dann sollte es auch im Firefox klappen.

halfdevil · Beitrag von **halfdevil** » 12.10.2007 16:20

Hallo StarWolf,
leider klappt es mit keinem der DTDs...
wie gesagt im inet explorer funktiontiert das verlinken einwandfrei, wenn ich jedoch die datei mit firefox oeffne geht es nicht. ich habe es bis jetzt noch nicht mit einem anderen browser probiert, von daher weis ich nicht ob es da funktioniert oder nicht. hast du vllt noch eine andere idee? oder jmd anderst? waere echt toll wenn ich das so hinbekommen koennte.
vllt gibt es auch eine andere moeglichkeit wie ich einen bestimmten teil des bildes verlinken kann. ich habe es schon versucht indem ich das bild splitte, und dann ein bild an das naechste haenge, den bestimmten teil dann als hyperlink mache, jedoch hat das auch nicht ganz so funktioniert wie ich das wollte, da die bilder nicht vernuenftig angezeigt werden.

mfg HalfDevil

TomW · Beitrag von **TomW** » 12.10.2007 20:22

Also bei mir hat das im IE7.0 und FF2 nicht funktioniert, aber warum machst du das nicht einfach so dass man auf das Bild klicken muss um auf die nächste Seite zu kommen?

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head>
<title>Login Portal</title>
</head>
<body>
<h1 align="center"> TEST </h1>
<p style="text-align:center">
<a href="http://www.test.de"><img src="login_tor.jpg" alt="login tor"/></a>
</body>
</html>

Tom

halfdevil · Beitrag von **halfdevil** » 13.10.2007 13:39

naja, ich will nur ein bestimmten teil des bildes verlinken. also wenn man auf 1 teil klickt, kommt man auf die naechste seite. bei mir hat es geklappt, ich weis net warum bei dir nicht^^ aber sollte es nicht anderst gehen, muss ich das entweder so machen, oder ganz weg lassen. aber eig soll noch was anderes auf dem bild gemacht werden, das ist warum nur ein teil verlinkt werden soll.

halfdevil

Helmut · Beitrag von **Helmut** » 13.10.2007 13:55

Hallo halfdevil,

das ist nicht so schwer, habs bei mir auf der HP mit einer Deutschlandkarte so gemacht.

Code: Alles auswählen


......
<map name="karted"> 
<!--- PLZ- Bereich 0 -->
<area shape="poly" coords="458,409,493,394,492,380,497,375,488,368,488,352,475,351,475,342,483,335,479,327,470,328,455,334,455,351,437,346,427,350,427,368,431,377,441,381" href="javascript:void(01)">
<area shape="poly" coords="519,398,531,390,536,361,529,339,514,332,501,331,497,338,483,335,475,342,475,351,489,353,489,368,518,398" href="javascript:void(02)">
.....

</map>
....

Gruß Helmut

halfdevil · Beitrag von **halfdevil** » 13.10.2007 16:00

vielen danke an alle, vorallem an dich helmut. hab mir dein code ma angeschaut, dann is mir aufgefallen das du net

Code: Alles auswählen

<map [b]id[/b]="xyz">...</map>

benutzt, sondern

Code: Alles auswählen

<map [b]name[/b]="xyz">...</map>

firefox kennt den befehl ID nicht, sondern nur name. also damit firefox das erkennt einfach id mit name ersetzen (ich hab sicherhalbsweise beides benutzt) dann geht das imagemap auch in firefox.

danke nochmal

HalfDevil

halfdevil · Beitrag von **halfdevil** » 13.10.2007 18:13

mal ne allgemeine frage:

kann es sein das firefox nicht alle html befehle unterstuetzt? weil

Code: Alles auswählen

<img src="hier.jpg" style="position:absolute; left:XXpx; top:XXpx">

unterstuetzt firefox auch nicht. auf jeden fall kann man ein bild bei firefox nicht komplett in der ecke platzieren (ohne weise pixel zwischen bild und bildschirm rahmen). mit dem internet explorer klappt dies jedoch ohne probleme. gibt es dafuer ein anderen befehl oder geht das bei firefox einfach nicht, ein bild ganz in der ecke zu platzieren?

gibt es generell befehle die firefox nicht erkennt? weil ich bevorzuge eigentlich firefox, jedoch wenn ich mir dann solche fehler anschaue, steige ich doch lieber auf inet explorer um (auch wenn der nicht viel besser ist^^)

danke schonmal im vorraus

mfg HalfDevil

Helmut · Beitrag von **Helmut** » 13.10.2007 22:03

Hallo halfdevil,

schau dir das mal an http://www.css4you.de/browsercomp.html, das ist vielleicht eine Hilfe für dich. Dort gibts auch ein paar sehr interessante Beispiele zur Anwendung der Befehle.

Gruß Helmut

TomW · Beitrag von **TomW** » 14.10.2007 18:13

Poste doch auch mal einen Link wo man sich dein Problem anschauen kann.

TomW