Opdeling af baggrundsbillede

Ja, man kan bruge imagemaps. Men vil du lave et rigtigt puslespil eller...?

ja. du kan bruge tabels uden margen og smide et billede ind i cellen som fylder cellen fuldt ud. jeg er selv ved at lave en hjemme side det er sådan. du kan bare kontakte mig på ICQ: 114535277 eller via mail: grydgaard@ofir.dk
jeg smidder lige et eksempel (min midlertidlige index-fil. jeg bruger PHP)

<HTML>
<HEAD>
    <TITLE>[Ingen titel]</TITLE>
</HEAD>
<BODY STYLE="margin:0px">
<TABLE WIDTH="100%" HEIGHT="100%" BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR>
    <TD HEIGHT="12%" WIDTH="100%" COLSPAN="3" BACKGROUND="bg.jpg"></td>
<TR>
    <TD HEIGHT="7%" WIDTH="23%"><IMG SRC="profile.jpg" BORDER="0" WIDTH="100%" HEIGHT="100%" ALIGN="bottom" ALT=""></TD>
    <TD HEIGHT="82%" WIDTH="64%" ROWSPAN="8" BACKGROUND="bg.jpg"></TD>
    <TD HEIGHT="7%" WIDTH="23%"><IMG SRC="webcam.jpg" BORDER="0" WIDTH="100%" HEIGHT="100%" ALIGN="bottom" ALT=""></TD>
</TR>
<TR>
    <TD HEIGHT="5%" WIDTH="23%" BACKGROUND="bg.jpg"></TD>

    <TD HEIGHT="5%" WIDTH="23%" BACKGROUND="bg.jpg"></TD>
</TR>
<TR>
    <TD HEIGHT="5%" WIDTH="23%"><IMG SRC="profile.jpg" BORDER="0" WIDTH="100%" HEIGHT="100%" ALIGN="bottom" ALT=""></TD>
    <TD HEIGHT="5%" WIDTH="23%"><IMG SRC="profile.jpg" BORDER="0" WIDTH="100%" HEIGHT="100%" ALIGN="bottom" ALT=""></TD>
</TR>
<TR>
    <TD HEIGHT="5%" WIDTH="23%" BACKGROUND="bg.jpg">11</TD>
    <TD HEIGHT="5%" WIDTH="23%" BACKGROUND="bg.jpg">13</TD>
</TR>
<TR>
    <TD HEIGHT="5%" WIDTH="23%"><IMG SRC="profile.jpg" BORDER="0" WIDTH="100%" HEIGHT="100%" ALIGN="bottom" ALT=""></TD>
    <TD HEIGHT="5%" WIDTH="23%"><IMG SRC="profile.jpg" BORDER="0" WIDTH="100%" HEIGHT="100%" ALIGN="bottom" ALT=""></TD>
</TR>
<TR>
    <TD HEIGHT="5%" WIDTH="23%" BACKGROUND="bg.jpg">17</TD>
    <TD HEIGHT="5%" WIDTH="23%" BACKGROUND="bg.jpg">19</TD>
</TR>
<TR>
    <TD HEIGHT="5%" WIDTH="23%"><IMG SRC="bg.jpg" style="" BORDER="0" WIDTH="100%" HEIGHT="100%" ALIGN="bottom" ALT=""></TD>
    <TD HEIGHT="5%" WIDTH="23%"><IMG SRC="profile.jpg" BORDER="0" WIDTH="100%" HEIGHT="100%" ALIGN="bottom" ALT=""></TD>
</TR>
<TR>
    <TD HEIGHT="53%" WIDTH="23%" BACKGROUND="bg.jpg">24</TD>
    <TD HEIGHT="53%" WIDTH="23%" BACKGROUND="bg.jpg">26</TD>
</TR>
</TABLE>
</BODY>
</HTML>

Jeg har tænkt et baggrundsbillede af min have hvor der er forskellige buske og træer, og når så man klikker på de enkelte træer skal der være en link til et popupvindue der fortæller mere om busken/træet o.s.v.

Det bliver lidt StormP-agtigt:
Du skal lægge dit billede med imagemap i en div; men ikke som baggrund. Div'en skal starte lige efter body og slutte lige før /body. Div'en giver du z-index=0 og alle andre elementer skal have et z-index=x, hvor x>0.

Det er nok bedre med et eksempel:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
    <TITLE>Planteskole</TITLE>
</HEAD>
<BODY>
<div STYLE="z-index:0;display:inline;position:absolute;top:0;left:0;width:100%;height:100%;"><IMG SRC="../img_test/Egetra3.jpg" BORDER="0" WIDTH="709" HEIGHT="510" ALIGN="bottom" ALT="" USEMAP="#omr_2">
<MAP NAME="omr_2">
<AREA SHAPE="circle" COORDS="144,172,32" HREF="1: ">
<AREA SHAPE="rect" COORDS="220,136,285,201" HREF="2: ">
<AREA SHAPE="DEFAULT" HREF="div_eks.html" TARGET="_blank" ALT="klik på mig">
</MAP>
</DIV>
<DIV STYLE="z-index:2;display:inline;position:absolute;top:100;left:100;width:100%;height:100%;">
<H2>Klik på en plante</H2>
<P>Her er mange planter</P>
</DIV>
</BODY>
</HTML>

Jeg har arbejdet lidt med det, men det er lidt svært for en NOVICE, men øvelse gør mester, det virker fint, men jeg skal have en IMG istedet for en HREF, eller en POPUP her <AREA SHAPE="circle" COORDS="144,172,32" HREF="1: ">
<AREA SHAPE="rect" COORDS="220,136,285,201" HREF="2: ">
men det må jeg se om jeg kan finde ud af.