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

html script

Status
Für weitere Antworten geschlossen.

ecobra

Neues Mitglied
Hallo,
Ich habe probleme mit meinem HTML script.
Ich möchte 2 bilder übereinander gelget haben und ein Image Map soll darunter angezeigt werden. Die 2 bilder liegen zwar übereinander aber das Image Map liegt hinter den beiden anstat darunter wie ich es möchte. Kann mir da jemand Helfen? ich verzweifle schon daran.
PHP:
<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<body>
<div id="img_dahinter" style="position:absolute;z-index:2;visibility:visible;">
<img src="banner.jpg" width="800" height="110">
</div>
<div id="img_davor" style="position:absolute;z-index:3;left:200px;visibility:visible;">
<img src="willkommen.jpg" width="400" height="110">
</div>
<img src="navi.jpg" width="800" height="40" border="0" usemap="#map" />
<map name="map">
<area shape="rect" coords="3,3,100,136" href="übermich.html" />
<area shape="rect" coords="102,3,199,136" href="pferde.html" />
<area shape="rect" coords="201,3,298,136" href="stall.html" />
<area shape="rect" coords="300,3,397,136" href="hundkatze.html" />
<area shape="rect" coords="399,3,497,136" href="news.html" />
<area shape="rect" coords="499,3,596,136" href="gaestebuch.html" />
<area shape="rect" coords="598,3,696,136" href="links.html" />
<area shape="rect" coords="698,3,796,136" href="impressum.html" />
</map>
</body>
</html>
 
Zuletzt bearbeitet:
Der Quellcode ist erstmal etwas schwer lesbar auf einer Zeile ...

Dein Problem wird durch die absolute Positionierung verursacht. Möchtest Du auch das ImageMap-Bild ("navi.jpg"?) so positionieren müsstest Du dort auch eine absolute Positionierung angeben. Aber Achtung: das kann in manchen Browsern durchaus völlig anders aussehen als bei dir. Ich würde auf absolute Positionierung verzichten wenn ich es könnte.
 
Du hast schon die richtigen Tags genommen für den Code, nur funktioniert das für html hier nicht richtig, mach da mal php draus, dann sollte es besser sein.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben