nicht angemeldet
HTML / CSS area map auf tabellenhintergrund legen?
Hallo liebe Forum-Experten!
unten in dieser mail findet ihr meinen kleinen "horror-code", der mir sorgen macht, entschuldigt den schelchten Stil... bin ein relativer newbie (wird nachgebessert)
die seite zeigt eine zentrierte (layout-)tabelle an, die zwei spalten und zwei reihen hat.
------------------------------------------------------------------
AUFGABE: die hintergrundgrafik der zelle links unten (linksunten.jpg) enthält ein menü, das man anklicken können soll.
------------------------------------------------------------------
wie kann ich eine area-map auf diese grafik anwenden?? gibt es eine andere möglichkeit?
ich habe es bereits mit div positionierung und z-index versucht um statt hintergrundbild text und grafik als div elemente in der zelle links unten einzubinden. leider hatte ich dabei erhebliche probleme bei der positionierung, da die div-elemente die tabellenzelle nicht als elternelement angesehen haben.
ich hoffe, ihr habt eine idee, wie ich diesem problemchen beikommen kann!
vielen dank im voraus, alex
(als url gibts übrigens die url von meinem letzten projekt, zum anschau'n!)
_______________________________________________________
<html>
<head>
<title>gigajazz.de</title>
<style type="text/css">
br { text-indent:8px; }
a:link { font-weight:bold; color:#000000; text-decoration:none }
a:visited { font-weight:bold; color:#000000; text-decoration:none }
a:hover { font-weight:bold; color:#DB0006; text-decoration:none }
a:active { font-weight:bold; color:#DB0006; text-decoration:underline }
a:focus { font-weight:bold; color:#DB0006; text-decoration:underline }
</style>
</head>
<body bgcolor="#EDEDED">
<map name="menue">
<area shape="rect" coords="21,4,94,18" href="angebote.html" alt="">
</map>
<table border="0" cellpadding="0" cellspacing="0"
width="100%" height="100%">
<tr><td align="center" valign="middle">
<table cellpadding=0 cellspacing=0 width=698 border=0>
<colgroup>
<col width="363">
<col width="335">
</colgroup>
<tr>
<td bgcolor="#FFFFFF" style="background-image:url(linksoben.jpg)" height="221">
</td>
<td bgcolor="#FFFFFF" style="background-image:url(rechtsoben.jpg)" height="221">
</td>
</tr>
<tr valign=bottom>
<td bgcolor="#FFFFFF" style="background-image:url(linksunten.jpg)" height="181">
<table border="0" cellpadding="3" cellspacing="0" style="width:100%">
<tr>
<td style="width:10px; height:156px"></td>
<td valign="top">
<p style="text-align:justify; font-family:verdana; font-size:11px; color:#000000; text-indent:8px; line-height:18px">
Gigajazz.de bietet Ihnen kostengünstige Entwürfe im Web- und Printbereich an.<br>
Egal ob Homepage, Plakat oder Speisekarte - <a href="kontakt.html">teilen Sie uns Ihre Wünsche mit</a> und wir machen Ihnen ein unverbindliches Angebot.
</p>
</td>
</tr>
</table>
</td>
<td bgcolor="#FFFFFF" style="background-image:url(rechtsunten.jpg)" height="181">
</td>
</tr>
</table>
</td></tr></table>
</body>
</html>
-
Spontanidee: Tabellenfeld mit gleich großem, transparenten GIF bestücken (also über den Hintergrund legen) und die ImageMap auf dieses Bild zur Anwendung bringen.
-
Hallo liebe Forum-Experten!
Tach,
AUFGABE: die hintergrundgrafik der zelle links unten (linksunten.jpg) enthält ein menü, das man anklicken können soll.
wie kann ich eine area-map auf diese grafik anwenden?? gibt es eine andere möglichkeit?
Nimm die Grafik nicht als Hintergrundgrafik, sondern lege sie als ganz normales img in die Tabellenzelle und verknüpfe sie wie üblich mit der map.
Auf Hintergrundbilder kann man logischerweise keine map legen, man könnte ja die Links nicht anklicken, da der Klick ja am Vordergrund ankommt (auch wenn das nur ein transparentes Nichts ist).
Andreas