Supportnet / Forum / Webseiten/HTML
HTML-Datei + iFrame + Imagemap
Frage
Hallo.
Ich habe gerade ein problem mit einer Homepage, die ich in der Form, wie ich es nun wieder plane, schon einmal hochgestellt hatte. Bei Tarifwechsel ist die Seite von meinem Provider gelöscht worden und nun muss ich sie wiederherstellen. Dabei habe ich aber vergessen,wie ich das genau hinbekommen habe. Es geht um diese Seite:
[url]http://mitglied.lycos.de/keljar/Untitled-1.html[/url]
Ich habe eine große Bild-Datei als Layout(ich weiß,das ist ungeschickt,funktioniert aber). Ich habe mir "Buttons" geschaffen, indem ich links über der Navi eine imagemap erstellt habe. Bei einem Klick sollte nun ein iFrame in der Mitte seine Seite ändern. Allerdings bekomme ich den iFrame nicht IN das Bild hinein. Angepasst sollte er später in dieses Graue Feld eingefügt werden. Drübergelegt sozusagen.
Nur wie man sieht...befindet er sich oben und hat das gesamte Bild verrückt. Ich habe schon allerhand rumprobiert,komme abe rnicht mehr auf die Lösung. Könnte mir vielleicht jemand helfen?
Hier der Quellcode:
[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<style type="text/css">
div.mainframe { margin-top:180px; margin-left:220px; }
</style>
<head>
<title>THK-Sanitär</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div class="mainframe">
<iframe src="startseite.htm" name="Fensterlein" width="500" height="400"
marginheight="10" marginwidth="10">
<p>Ihr Browser kann leider keine eingebetteten Frames anzeigen</p>
</iframe >
</div>
<img src="main3.gif" width="1300" height="900" border="0" alt="" usemap="#main3_Map">
<map name="main3_Map">
<area shape="rect" alt="" coords="0,334,97,373" href="#">
<area shape="rect" alt="" coords="0,276,97,314" href="#">
<area shape="rect" alt="" coords="0,217,97,254" href="#">
<area shape="rect" alt="" coords="0,159,98,197" href="#">
</map>
</body>
</html>
[/code]
ich bedanke mich herzlichst im Voraus und hoffe bangend auf eine Antwort.
Gruß
Kel
Antwort 1 von rfb
was du - soweit ichs verstanden habe - suchst nennt sich positionieren, siehe hier: http://www.css4you.de/position.html
Antwort 2 von rfb
PS: die Techniken die du verwendest (image-maps und iframes) sind beide nicht barrierefrei, zudem hast du keine Alternativen zu diesen Techniken angegeben (den Spruch Ihr Browser kann leider keine eingebetteten Frames anzeigen kann ich schon nicht mehr sehen - genau dieser Platz ist für Alternativen gedacht, nicht für Texte, die für Nicht-Surf-Profis nix sagen außer dass sie eben keine Surf-Profis sind).
Antwort 3 von Nydral
hmm...also positioniert ist es ja. vom linken rand weggeschoben und von oben ebenso. sollte auch sitzen. nur will das "Bild" darunter...also die eigentliche Seite nicht mehr hochrutschen. der iFrame schiebt das Bild beiseite, sollte aber IM Bild liegen. Gäbe es irgendwie die Möglichkeit, das Bild als Hintergrund zu setzen, sodass der iFrame sicher sitzt und trotzdem links Schaltflächen zu habne? die Imagemaps funktionieren ja nur auf einem Bild laut Code. Auf dem hintergrund können die anscheinend nicht verwendet werden.
Also eine Alternative zu imagemaps? Irgendetwas unsichtbares müsste es halt sein :/
Also eine Alternative zu imagemaps? Irgendetwas unsichtbares müsste es halt sein :/
Antwort 4 von rfb
Zitat:
also positioniert ist es ja
nein, ist es nicht. Positionieren heißt hier die Anwendung der CSS-Eigenschaften "also positioniert ist es ja
position", "left" und "top" u.ä., nicht die Erhöhung des Abstandes zu benachbarten Elementen mittels "margin".Antwort 5 von Nydral
ah. aso.ok.dann werd ich das gleich mal ausprobieren. danke :)
Antwort 6 von Nydral
ich bedanke mich nochmal herzlichst :D
es funktioniert jetzt genau so, wie ich es mir erhofft habe *G*
die sache mit der barriere-freiheit...also um ehrlich zu sein, habe ich keine alternative, die ich angeben könnte. da müssen die meisten dann wohl leider mit leben :/
es funktioniert jetzt genau so, wie ich es mir erhofft habe *G*
die sache mit der barriere-freiheit...also um ehrlich zu sein, habe ich keine alternative, die ich angeben könnte. da müssen die meisten dann wohl leider mit leben :/
Antwort 7 von rfb
Zitat:
da müssen die meisten dann wohl leider mit leben
tun die auch, im Zweifelsfall verlassen die deine Seite einfach schneller als sie sie gefunden haben. Es gibt sicherlich (barrierefreie) Alternativen zu deinem Angebot.da müssen die meisten dann wohl leider mit leben
PS: Wäre dein Angebot das einer Bundes- oder Landeseinrichtung, in einigen Ländern gilt das sogar für Kommunen und für Fördermittelempfänger, wärst du verpflichtet die Seiten barrierefrei zu gestalten. Du verlierst nur potentielle Kunden.

