nicht angemeldet
Probleme mit IE map :aktiv graphik als Hintergrundbild
Gernot BackIch habe in einem div ein Bild als Hintergrundbild geladen und möchte dieses nun durch anklicken vergrößern. Ich habe das mit :focus geschaft. Dies funktioniert aber nur unter firefox. Ich musste auch noch eine verweissensitive Graphik (map Befehl) benutzen, da ich nicht das gesamte div als anklickbaren Bereich haben wollte. Da ich barrierefrei arbeiten möchte, kann ich kein Javaskript verwenden. Das Problem ist nun, das das ganze im IE nicht funktioniert. Auch wenn ich statt focus aktiv verwende funktioniert das nicht. Ich habe eine vereinfachte Version der Seite beigefügt. Wenn jemand eine Idee hat währe ich sehr dankbar. Ich verwende übrigens auf der Originalseite (www.haus-martinus.de) eine Browserweiche, sodas ich für firefox eine andere css nutzen kann als für den IE.
Css Datei funtioniert in firefox:
body {
font-family: Arial, Helvetica, sans-serif;
}
#bild1
{
position:absolute;
cursor:pointer;
width:360px;
height:240px;
z-index:13;
}
#bild1 a {
position:absolute;
width:360px;
height:240px;
background-image:url(../photos/wohnzimmertrans.gif);
background-repeat:no-repeat;
}
#bild1 a:focus
{
position:absolute;
width:360px;
height:240px;
background-image:url(../photos/wohnraumgr.jpg);
background-repeat:no-repeat;
}
Dazugehörige Html Datei:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<link href="../css/bild.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="bild1">
<a id="hier" name="hier" href="#" tabindex="18"><map id="bild" name="bild"><area shape="rect" coords="105,70,255,170" href="#hier" alt="Wohnzimmer" /></map>
<img src="../photos/trans.gif" width="360" height="240" border="0" alt="Bild des Wohnzimmers. Man sieht einen großen Raum mit einer Sitzgruppe vor einem alten Kamin." usemap="#bild" />
</a>
</div>
</body>
</html>
-
hi,
das ist nach https://forum.selfhtml.org/?t=107902&m=670886 und https://forum.selfhtml.org/?t=107902&m=670934 jetzt schon dein dritter thread zum immer gleichen thema innerhalb weniger tage.
bitte lies </faq/#Q-11>, und unterlasse solche mehrfachpostings!
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Hallo wahsaga,
da die ursprüngliche Anfrage
http://forum.de.selfhtml.org/archiv/2005/5/t107789/
mittlerweile im Archiv verschwunden ist und die nachfolgenden Mehrfachpostings gesperrt worden sind, dies also der einzige Thread ist, in dem man antworten kann, sollten wir nachsichtig sein.Gruß Gernot
-
-
Hallo Krist,
> #bild1 a:focus /* Probier das mit Rücksicht auf fehlerhaftes IE-Verhalten stattdessen mal so: */ * html #bild1 a:active, #bild1 a:focus { > position:absolute; > width:360px; > height:240px; > background-image:url(../photos/wohnraumgr.jpg); > background-repeat:no-repeat; > }<div id="bild1">
<a id="hier" name="hier" href="#" tabindex="18"><map id="bild" name="bild"><area shape="rect" coords="105,70,255,170" href="#hier" alt="Wohnzimmer" /></map>
Das ist aber eine unübliche Stelle für eine Map! Die besondere Bedeutung der Stelle im Wohnzimmerbild, die du mit deiner Area markierst, erschließt sich mir auch nicht.
<img src="../photos/trans.gif" width="360" height="240" border="0" alt="Bild des Wohnzimmers. Man sieht einen großen Raum mit einer Sitzgruppe vor einem alten Kamin." usemap="#bild" />
</a>
</div>Durch die zusätzliche komplette Verlinkung des Bildes machst du die Map, was das Cursor-Verhalten angeht, auch sinnlos.
Gruß Gernot
-
Hi,
Ich habe in einem div ein Bild als Hintergrundbild geladen und möchte
[...]
</html>bitte lies FAQ-05:Was sollte ich wissen, wenn ich im SELFHTML Forum posten will? und beherzige das bitte auch.
Abgesehen von dieser Unfreundlichkeit uns gegenüber (berücksichtige bitte, daß Du von uns kostenlose Hilfe erwartst): warum hast Du nicht in Deinem Ursprungsthread geantwortet bzw. weiter nachgefragt, worum ich Dich bereits gebeten hatte?
Und falls Dir das tatsächlich nicht möglich gewesen war, finde ich es wiederum sehr unhöflich von Dir, einfach nur den Text Deines ersten Threads neu zu posten, anstatt kurz anzuführen, daß Dir eine Beantwortung im Originalthread nicht mehr möglich war. Wenn Du Dich auch ein wenig mit dem Forum befaßt hättest (so wie Du von uns erwartest, uns mit Deinem Problem zu befassen), hättest Du dazu auch einen Link auf </archiv/2005/5/t107789/#m670092> setzen und die Kopie der Frage sparen können.
Nun ist das Kind natürlich in den Brunnen gefallen. Dennoch solltest Du Dein Posting künftig nicht täglch wiederholen, sondern auf die Antworten eingehen, wenn Du wirklich Hilfe von uns willst.
freundliche Grüße
Ingo