nicht angemeldet
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>