+ Reply to Thread
Results 1 to 9 of 9

Hybrid View

  1. #1
    Member
    Join Date
    Jul 2001
    Location
    Sydney, Australia
    Posts
    125

    problem with a page I am making

    This is a totaly different webpage I am making for a company.
    If you go to this link you can see there are spaces and problems with some of the images bottom and top.
    When I view without it being uploaded to the internet it looks fine.
    when I go to the temp. webpage it some how stuffs up the images.
    Can you please help me out
    thanks
    cya

  2. #2
    Senior Member golfcart's Avatar
    Join Date
    Jan 2000
    Location
    Michigan
    Posts
    748
    Easiest fix would be to use 1 or 2 images and use an image map for the links. Would take a few minutes if you have never done it before, but I think the result would be much cleaner

  3. #3
    Member
    Join Date
    Jul 2001
    Location
    Sydney, Australia
    Posts
    125
    sorry golfcart - could your try and explain it to me in english.
    I am new to this sorta thing with the layouts and pictures
    thanks
    cya

  4. #4
    Senior Member golfcart's Avatar
    Join Date
    Jan 2000
    Location
    Michigan
    Posts
    748
    Webmonkey has some good information on how image maps work.

  5. #5
    Junior Member
    Join Date
    Apr 2001
    Location
    Idaho
    Posts
    20
    Math wasn't right...the below code works

    <HTML>
    <HEAD>
    <TITLE>Template</TITLE>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
    <BODY background="eagles.gif">

    <!-- ImageReady Preload Script (Template.psd) -->
    <SCRIPT LANGUAGE="JavaScript">
    <!--

    function newImage(arg) {
    if (document.images) {
    rslt = new Image();
    rslt.src = arg;
    return rslt;
    }
    }

    function changeImages() {
    if (document.images && (preloadFlag == true)) {
    for (var i=0; i<changeImages.arguments.length; i+=2) {
    document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
    }
    }
    }

    var preloadFlag = false;
    function preloadImages() {
    if (document.images) {
    body_03_over = newImage("images/body_03-over.gif");
    body_03_body_07_over = newImage("images/body_03-body_07_over.gif");
    body_04_body_07_over = newImage("images/body_04-body_07_over.gif");
    body_06_over = newImage("images/body_06-over.gif");
    body_07_body_03_over = newImage("images/body_07-body_03_over.gif");
    body_07_over = newImage("images/body_07-over.gif");
    body_07_body_06_over = newImage("images/body_07-body_06_over.gif");
    body_08_body_07_over = newImage("images/body_08-body_07_over.gif");
    body_08_body_06_over = newImage("images/body_08-body_06_over.gif");
    body_08_body_14_over = newImage("images/body_08-body_14_over.gif");
    body_12_body_07_over = newImage("images/body_12-body_07_over.gif");
    body_12_body_06_over = newImage("images/body_12-body_06_over.gif");
    body_12_body_11_over = newImage("images/body_12-body_11_over.gif");
    body_14_over = newImage("images/body_14-over.gif");
    body_14_body_19_over = newImage("images/body_14-body_19_over.gif");
    body_14_body_11_over = newImage("images/body_14-body_11_over.gif");
    body_15_body_06_over = newImage("images/body_15-body_06_over.gif");
    body_15_body_14_over = newImage("images/body_15-body_14_over.gif");
    body_15_body_11_over = newImage("images/body_15-body_11_over.gif");
    body_16_body_14_over = newImage("images/body_16-body_14_over.gif");
    body_16_body_19_over = newImage("images/body_16-body_19_over.gif");
    body_19_body_14_over = newImage("images/body_19-body_14_over.gif");
    body_19_over = newImage("images/body_19-over.gif");
    body_20_body_14_over = newImage("images/body_20-body_14_over.gif");
    body_20_body_19_over = newImage("images/body_20-body_19_over.gif");
    body_22_body_07_over = newImage("images/body_22-body_07_over.gif");
    body_23_body_07_over = newImage("images/body_23-body_07_over.gif");
    body_23_body_30_over = newImage("images/body_23-body_30_over.gif");
    body_29_body_07_over = newImage("images/body_29-body_07_over.gif");
    body_29_body_30_over = newImage("images/body_29-body_30_over.gif");
    body_30_body_07_over = newImage("images/body_30-body_07_over.gif");
    body_30_over = newImage("images/body_30-over.gif");
    body_31_body_07_over = newImage("images/body_31-body_07_over.gif");
    body_31_body_30_over = newImage("images/body_31-body_30_over.gif");
    body_32_body_30_over = newImage("images/body_32-body_30_over.gif");
    body_33_body_30_over = newImage("images/body_33-body_30_over.gif");
    body_34_body_45_over = newImage("images/body_34-body_45_over.gif");
    body_35_body_30_over = newImage("images/body_35-body_30_over.gif");
    body_35_over = newImage("images/body_35-over.gif");
    body_35_body_45_over = newImage("images/body_35-body_45_over.gif");
    body_36_body_30_over = newImage("images/body_36-body_30_over.gif");
    body_36_body_35_over = newImage("images/body_36-body_35_over.gif");
    body_37_body_30_over = newImage("images/body_37-body_30_over.gif");
    body_37_body_35_over = newImage("images/body_37-body_35_over.gif");
    body_37_body_41_over = newImage("images/body_37-body_41_over.gif");
    body_38_body_35_over = newImage("images/body_38-body_35_over.gif");
    body_38_body_41_over = newImage("images/body_38-body_41_over.gif");
    body_39_body_11_over = newImage("images/body_39-body_11_over.gif");
    body_39_body_35_over = newImage("images/body_39-body_35_over.gif");
    body_41_body_35_over = newImage("images/body_41-body_35_over.gif");
    body_41_over = newImage("images/body_41-over.gif");
    body_41_body_45_over = newImage("images/body_41-body_45_over.gif");
    body_42_body_41_over = newImage("images/body_42-body_41_over.gif");
    body_42_body_45_over = newImage("images/body_42-body_45_over.gif");
    body_45_body_35_over = newImage("images/body_45-body_35_over.gif");
    body_45_over = newImage("images/body_45-over.gif");
    body_45_body_52_over = newImage("images/body_45-body_52_over.gif");
    body_48_body_41_over = newImage("images/body_48-body_41_over.gif");
    body_48_body_45_over = newImage("images/body_48-body_45_over.gif");
    body_48_body_52_over = newImage("images/body_48-body_52_over.gif");
    body_51_body_45_over = newImage("images/body_51-body_45_over.gif");
    body_51_body_52_over = newImage("images/body_51-body_52_over.gif");
    body_52_body_45_over = newImage("images/body_52-body_45_over.gif");
    body_52_over = newImage("images/body_52-over.gif");
    body_55_body_45_over = newImage("images/body_55-body_45_over.gif");
    body_55_body_52_over = newImage("images/body_55-body_52_over.gif");
    body_56_body_45_over = newImage("images/body_56-body_45_over.gif");
    body_57_body_45_over = newImage("images/body_57-body_45_over.gif");
    body_57_body_52_over = newImage("images/body_57-body_52_over.gif");
    body_62_body_19_over = newImage("images/body_62-body_19_over.gif");
    body_64_body_30_over = newImage("images/body_64-body_30_over.gif");
    body_67_body_03_over = newImage("images/body_67-body_03_over.gif");
    body_70_body_45_over = newImage("images/body_70-body_45_over.gif");
    body_71_body_45_over = newImage("images/body_71-body_45_over.gif");
    body_76_body_14_over = newImage("images/body_76-body_14_over.gif");
    body_78_body_11_over = newImage("images/body_78-body_11_over.gif");
    body_79_body_35_over = newImage("images/body_79-body_35_over.gif");
    body_80_body_35_over = newImage("images/body_80-body_35_over.gif");
    body_81_body_52_over = newImage("images/body_81-body_52_over.gif");
    body_87_body_07_over = newImage("images/body_87-body_07_over.gif");
    body_88_body_06_over = newImage("images/body_88-body_06_over.gif");
    body_90_body_41_over = newImage("images/body_90-body_41_over.gif");
    preloadFlag = true;
    }
    }

    // -->
    </SCRIPT>
    <!-- End Preload Script -->
    </HEAD>
    <BODY BGCOLOR=#FFFFFF ONLOAD="preloadImages();">
    <!-- ImageReady Slices (Template.psd) -->
    <TABLE WIDTH=350 BORDER=0 CELLPADDING=0 CELLSPACING=0>
    <TR>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=10 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=26 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=11 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=3 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=13 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=9 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=10 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=3 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=4 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=12 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=13 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=5 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=21 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=6 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=3 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=42 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=2 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=6 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=13 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=5 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=4 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=4 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=5 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=3 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=9 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=11 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=3 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=21 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=3 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=26 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=9 HEIGHT=1></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=14 HEIGHT=1></TD>
    <TD></TD>
    </TR>
    <TR>
    <TD COLSPAN=39>
    <IMG SRC="images/body_01.gif" WIDTH=350 HEIGHT=15></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=15></TD>
    </TR>
    <TR>
    <TD COLSPAN=18>
    <IMG SRC="images/body_02.gif" WIDTH=152 HEIGHT=56></TD>
    <TD>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_03', 'images/body_03-over.gif', 'body_07', 'images/body_07-body_03_over.gif', 'body_67', 'images/body_67-body_03_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_03', 'images/body_03.gif', 'body_07', 'images/body_07.gif', 'body_67', 'images/body_67.gif'); return true;">
    <IMG NAME="body_03" SRC="images/body_03.gif" WIDTH=42 HEIGHT=56 BORDER=0></A></TD>

    <TD COLSPAN=20> <img name="body_04" src="images/body_04.gif" width=156 height=56></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=56></TD>
    </TR>
    <TR>
    <TD COLSPAN=11>
    <IMG SRC="images/body_05.gif" WIDTH=102 HEIGHT=3></TD>
    <TD COLSPAN=4>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_06', 'images/body_06-over.gif', 'body_07', 'images/body_07-body_06_over.gif', 'body_08', 'images/body_08-body_06_over.gif', 'body_12', 'images/body_12-body_06_over.gif', 'body_15', 'images/body_15-body_06_over.gif', 'body_88', 'images/body_88-body_06_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_06', 'images/body_06.gif', 'body_07', 'images/body_07.gif', 'body_08', 'images/body_08.gif', 'body_12', 'images/body_12.gif', 'body_15', 'images/body_15.gif', 'body_88', 'images/body_88.gif'); return true;">
    <IMG NAME="body_06" SRC="images/body_06.gif" WIDTH=40 HEIGHT=3 BORDER=0></A></TD>
    <TD COLSPAN=7 ROWSPAN=11>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_03', 'images/body_03-body_07_over.gif', 'body_04', 'images/body_04-body_07_over.gif', 'body_07', 'images/body_07-over.gif', 'body_08', 'images/body_08-body_07_over.gif', 'body_12', 'images/body_12-body_07_over.gif', 'body_22', 'images/body_22-body_07_over.gif', 'body_23', 'images/body_23-body_07_over.gif',
    'body_29', 'images/body_29-body_07_over.gif', 'body_30', 'images/body_30-body_07_over.gif', 'body_31', 'images/body_31-body_07_over.gif', 'body_87', 'images/body_87-body_07_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_03', 'images/body_03.gif', 'body_04', 'images/body_04.gif', 'body_07', 'images/body_07.gif', 'body_08', 'images/body_08.gif', 'body_12', 'images/body_12.gif', 'body_22', 'images/body_22.gif', 'body_23', 'images/body_23.gif', 'body_29', 'images/body_29.gif', 'body_30', 'images/body_30.gif',
    'body_31', 'images/body_31.gif', 'body_87', 'images/body_87.gif'); return true;">
    <IMG NAME="body_07" SRC="images/body_07.gif" WIDTH=61 HEIGHT=94 BORDER=0></A></TD>
    <TD COLSPAN=7 ROWSPAN=6>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_06', 'images/body_06-over.gif', 'body_07', 'images/body_07-body_06_over.gif', 'body_08', 'images/body_08-body_06_over.gif', 'body_12', 'images/body_12-body_06_over.gif', 'body_15', 'images/body_15-body_06_over.gif', 'body_88', 'images/body_88-body_06_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_06', 'images/body_06.gif', 'body_07', 'images/body_07.gif', 'body_08', 'images/body_08.gif', 'body_12', 'images/body_12.gif', 'body_15', 'images/body_15.gif', 'body_88', 'images/body_88.gif'); return true;">
    <IMG NAME="body_08" SRC="images/body_08.gif" WIDTH=47 HEIGHT=30 BORDER=0></A></TD>
    <TD COLSPAN=10 ROWSPAN=3>
    <IMG SRC="images/body_09.gif" WIDTH=100 HEIGHT=7></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=3></TD>
    </TR>
    <TR>
    <TD COLSPAN=9>
    <IMG SRC="images/body_10.gif" WIDTH=89 HEIGHT=3></TD>
    <TD COLSPAN=3>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_12', 'images/body_12-body_11_over.gif', 'body_14', 'images/body_14-body_11_over.gif', 'body_15', 'images/body_15-body_11_over.gif', 'body_39', 'images/body_39-body_11_over.gif', 'body_78', 'images/body_78-body_11_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_12', 'images/body_12.gif', 'body_14', 'images/body_14.gif', 'body_15', 'images/body_15.gif', 'body_39', 'images/body_39.gif', 'body_78', 'images/body_78.gif'); return true;">
    <IMG SRC="images/body_11.gif" WIDTH=14 HEIGHT=3 BORDER=0></A></TD>
    <TD COLSPAN=3 ROWSPAN=4>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_06', 'images/body_06-over.gif', 'body_07', 'images/body_07-body_06_over.gif', 'body_08', 'images/body_08-body_06_over.gif', 'body_12', 'images/body_12-body_06_over.gif', 'body_15', 'images/body_15-body_06_over.gif', 'body_88', 'images/body_88-body_06_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_06', 'images/body_06.gif', 'body_07', 'images/body_07.gif', 'body_08', 'images/body_08.gif', 'body_12', 'images/body_12.gif', 'body_15', 'images/body_15.gif', 'body_88', 'images/body_88.gif'); return true;">
    <IMG NAME="body_12" SRC="images/body_12.gif" WIDTH=39 HEIGHT=25 BORDER=0></A></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=3></TD>
    </TR>
    <TR>
    <TD COLSPAN=3 ROWSPAN=2>
    <IMG SRC="images/body_13.gif" WIDTH=47 HEIGHT=9></TD>
    <TD COLSPAN=7 ROWSPAN=6>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_08', 'images/body_08-body_14_over.gif', 'body_14', 'images/body_14-over.gif', 'body_15', 'images/body_15-body_14_over.gif', 'body_16', 'images/body_16-body_14_over.gif', 'body_19', 'images/body_19-body_14_over.gif', 'body_20', 'images/body_20-body_14_over.gif', 'body_76', 'images/body_76-body_14_over.gif');
    return true;"
    ONMOUSEOUT="changeImages('body_08', 'images/body_08.gif', 'body_14', 'images/body_14.gif', 'body_15', 'images/body_15.gif', 'body_16', 'images/body_16.gif', 'body_19', 'images/body_19.gif', 'body_20', 'images/body_20.gif', 'body_76', 'images/body_76.gif'); return true;">
    <IMG NAME="body_14" SRC="images/body_14.gif" WIDTH=43 HEIGHT=29 BORDER=0></A></TD>
    <TD COLSPAN=2 ROWSPAN=5>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_12', 'images/body_12-body_11_over.gif', 'body_14', 'images/body_14-body_11_over.gif', 'body_15', 'images/body_15-body_11_over.gif', 'body_39', 'images/body_39-body_11_over.gif', 'body_78', 'images/body_78-body_11_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_12', 'images/body_12.gif', 'body_14', 'images/body_14.gif', 'body_15', 'images/body_15.gif', 'body_39', 'images/body_39.gif', 'body_78', 'images/body_78.gif'); return true;">
    <IMG NAME="body_15" SRC="images/body_15.gif" WIDTH=13 HEIGHT=26 BORDER=0></A></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
    </TR>
    <TR>
    <TD COLSPAN=6 ROWSPAN=4>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_08', 'images/body_08-body_14_over.gif', 'body_14', 'images/body_14-over.gif', 'body_15', 'images/body_15-body_14_over.gif', 'body_16', 'images/body_16-body_14_over.gif', 'body_19', 'images/body_19-body_14_over.gif', 'body_20', 'images/body_20-body_14_over.gif', 'body_76', 'images/body_76-body_14_over.gif');
    return true;"
    ONMOUSEOUT="changeImages('body_08', 'images/body_08.gif', 'body_14', 'images/body_14.gif', 'body_15', 'images/body_15.gif', 'body_16', 'images/body_16.gif', 'body_19', 'images/body_19.gif', 'body_20', 'images/body_20.gif', 'body_76', 'images/body_76.gif'); return true;">
    <IMG NAME="body_16" SRC="images/body_16.gif" WIDTH=48 HEIGHT=25 BORDER=0></A></TD>
    <TD COLSPAN=4>
    <IMG SRC="images/body_17.gif" WIDTH=52 HEIGHT=8></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=8></TD>
    </TR>
    <TR>
    <TD ROWSPAN=33>
    <IMG SRC="images/body_18.gif" WIDTH=10 HEIGHT=362></TD>
    <TD COLSPAN=2 ROWSPAN=5>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_14', 'images/body_14-body_19_over.gif', 'body_16', 'images/body_16-body_19_over.gif', 'body_19', 'images/body_19-over.gif', 'body_20', 'images/body_20-body_19_over.gif', 'body_62', 'images/body_62-body_19_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_14', 'images/body_14.gif', 'body_16', 'images/body_16.gif', 'body_19', 'images/body_19.gif', 'body_20', 'images/body_20.gif', 'body_62', 'images/body_62.gif'); return true;">
    <IMG NAME="body_19" SRC="images/body_19.gif" WIDTH=37 HEIGHT=26 BORDER=0></A></TD>
    <TD COLSPAN=3 ROWSPAN=6>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_14', 'images/body_14-body_19_over.gif', 'body_16', 'images/body_16-body_19_over.gif', 'body_19', 'images/body_19-over.gif', 'body_20', 'images/body_20-body_19_over.gif', 'body_62', 'images/body_62-body_19_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_14', 'images/body_14.gif', 'body_16', 'images/body_16.gif', 'body_19', 'images/body_19.gif', 'body_20', 'images/body_20.gif', 'body_62', 'images/body_62.gif'); return true;">
    <IMG NAME="body_20" SRC="images/body_20.gif" WIDTH=38 HEIGHT=27 BORDER=0></A></TD>
    <TD ROWSPAN=21>* </TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=13></TD>

    <TD ROWSPAN=33>
    <IMG SRC="images/body_21.gif" WIDTH=14 HEIGHT=362></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=13></TD>
    </TR>
    <TR>
    <TD COLSPAN=3 ROWSPAN=8>
    <IMG NAME="body_22" SRC="images/body_22.gif" WIDTH=39 HEIGHT=73></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=2></TD>
    </TR>
    <TR>
    <TD COLSPAN=7 ROWSPAN=7>
    <IMG NAME="body_23" SRC="images/body_23.gif" WIDTH=47 HEIGHT=71></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=2></TD>
    </TR>
    <TR>
    <TD COLSPAN=2 ROWSPAN=6>
    <IMG SRC="images/body_24.gif" WIDTH=13 HEIGHT=69></TD>

    <TD COLSPAN=6 ROWSPAN=8>* </TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=3></TD>
    </TR>
    <TR>

    <TD COLSPAN=7 ROWSPAN=9>* </TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=6></TD>
    </TR>
    <TR>

    <TD COLSPAN=2 ROWSPAN=16>* </TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
    </TR>
    <TR>

    <TD COLSPAN=3 ROWSPAN=16>* </TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=52></TD>
    </TR>
    <TR>
    <TD>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_03', 'images/body_03-body_07_over.gif', 'body_04', 'images/body_04-body_07_over.gif', 'body_07', 'images/body_07-over.gif', 'body_08', 'images/body_08-body_07_over.gif', 'body_12', 'images/body_12-body_07_over.gif', 'body_22', 'images/body_22-body_07_over.gif', 'body_23', 'images/body_23-body_07_over.gif',
    'body_29', 'images/body_29-body_07_over.gif', 'body_30', 'images/body_30-body_07_over.gif', 'body_31', 'images/body_31-body_07_over.gif', 'body_87', 'images/body_87-body_07_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_03', 'images/body_03.gif', 'body_04', 'images/body_04.gif', 'body_07', 'images/body_07.gif', 'body_08', 'images/body_08.gif', 'body_12', 'images/body_12.gif', 'body_22', 'images/body_22.gif', 'body_23', 'images/body_23.gif', 'body_29', 'images/body_29.gif', 'body_30', 'images/body_30.gif',
    'body_31', 'images/body_31.gif', 'body_87', 'images/body_87.gif'); return true;">
    <IMG NAME="body_29" SRC="images/body_29.gif" WIDTH=6 HEIGHT=2 BORDER=0></A></TD>
    <TD COLSPAN=5 ROWSPAN=2>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_23', 'images/body_23-body_30_over.gif', 'body_29', 'images/body_29-body_30_over.gif', 'body_30', 'images/body_30-over.gif', 'body_31', 'images/body_31-body_30_over.gif', 'body_32', 'images/body_32-body_30_over.gif', 'body_33', 'images/body_33-body_30_over.gif', 'body_35', 'images/body_35-body_30_over.gif',
    'body_36', 'images/body_36-body_30_over.gif', 'body_37', 'images/body_37-body_30_over.gif', 'body_64', 'images/body_64-body_30_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_23', 'images/body_23.gif', 'body_29', 'images/body_29.gif', 'body_30', 'images/body_30.gif', 'body_31', 'images/body_31.gif', 'body_32', 'images/body_32.gif', 'body_33', 'images/body_33.gif', 'body_35', 'images/body_35.gif', 'body_36', 'images/body_36.gif', 'body_37', 'images/body_37.gif',
    'body_64', 'images/body_64.gif'); return true;">
    <IMG NAME="body_30" SRC="images/body_30.gif" WIDTH=49 HEIGHT=7 BORDER=0></A></TD>
    <TD>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_03', 'images/body_03-body_07_over.gif', 'body_04', 'images/body_04-body_07_over.gif', 'body_07', 'images/body_07-over.gif', 'body_08', 'images/body_08-body_07_over.gif', 'body_12', 'images/body_12-body_07_over.gif', 'body_22', 'images/body_22-body_07_over.gif', 'body_23', 'images/body_23-body_07_over.gif',
    'body_29', 'images/body_29-body_07_over.gif', 'body_30', 'images/body_30-body_07_over.gif', 'body_31', 'images/body_31-body_07_over.gif', 'body_87', 'images/body_87-body_07_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_03', 'images/body_03.gif', 'body_04', 'images/body_04.gif', 'body_07', 'images/body_07.gif', 'body_08', 'images/body_08.gif', 'body_12', 'images/body_12.gif', 'body_22', 'images/body_22.gif', 'body_23', 'images/body_23.gif', 'body_29', 'images/body_29.gif', 'body_30', 'images/body_30.gif',
    'body_31', 'images/body_31.gif', 'body_87', 'images/body_87.gif'); return true;">
    <IMG NAME="body_31" SRC="images/body_31.gif" WIDTH=6 HEIGHT=2 BORDER=0></A></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=2></TD>
    </TR>
    <TR>
    <TD>
    <IMG NAME="body_32" SRC="images/body_32.gif" WIDTH=6 HEIGHT=5></TD>
    <TD>
    <IMG NAME="body_33" SRC="images/body_33.gif" WIDTH=6 HEIGHT=5></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=5></TD>
    </TR>
    <TR>
    <TD ROWSPAN=4>
    <IMG NAME="body_34" SRC="images/body_34.gif" WIDTH=12 HEIGHT=72></TD>
    <TD COLSPAN=6 ROWSPAN=4>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_35', 'images/body_35-over.gif', 'body_36', 'images/body_36-body_35_over.gif', 'body_37', 'images/body_37-body_35_over.gif', 'body_38', 'images/body_38-body_35_over.gif', 'body_39', 'images/body_39-body_35_over.gif', 'body_41', 'images/body_41-body_35_over.gif', 'body_45', 'images/body_45-body_35_over.gif',
    'body_79', 'images/body_79-body_35_over.gif', 'body_80', 'images/body_80-body_35_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_35', 'images/body_35.gif', 'body_36', 'images/body_36.gif', 'body_37', 'images/body_37.gif', 'body_38', 'images/body_38.gif', 'body_39', 'images/body_39.gif', 'body_41', 'images/body_41.gif', 'body_45', 'images/body_45.gif', 'body_79', 'images/body_79.gif', 'body_80', 'images/body_80.gif');
    return true;">
    <IMG NAME="body_35" SRC="images/body_35.gif" WIDTH=47 HEIGHT=72 BORDER=0></A></TD>
    <TD COLSPAN=3>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_23', 'images/body_23-body_30_over.gif', 'body_29', 'images/body_29-body_30_over.gif', 'body_30', 'images/body_30-over.gif', 'body_31', 'images/body_31-body_30_over.gif', 'body_32', 'images/body_32-body_30_over.gif', 'body_33', 'images/body_33-body_30_over.gif', 'body_35', 'images/body_35-body_30_over.gif',
    'body_36', 'images/body_36-body_30_over.gif', 'body_37', 'images/body_37-body_30_over.gif', 'body_64', 'images/body_64-body_30_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_23', 'images/body_23.gif', 'body_29', 'images/body_29.gif', 'body_30', 'images/body_30.gif', 'body_31', 'images/body_31.gif', 'body_32', 'images/body_32.gif', 'body_33', 'images/body_33.gif', 'body_35', 'images/body_35.gif', 'body_36', 'images/body_36.gif', 'body_37', 'images/body_37.gif',
    'body_64', 'images/body_64.gif'); return true;">
    <IMG NAME="body_36" SRC="images/body_36.gif" WIDTH=47 HEIGHT=37 BORDER=0></A></TD>
    <TD COLSPAN=7 ROWSPAN=2>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_35', 'images/body_35-over.gif', 'body_36', 'images/body_36-body_35_over.gif', 'body_37', 'images/body_37-body_35_over.gif', 'body_38', 'images/body_38-body_35_over.gif', 'body_39', 'images/body_39-body_35_over.gif', 'body_41', 'images/body_41-body_35_over.gif', 'body_45', 'images/body_45-body_35_over.gif',
    'body_79', 'images/body_79-body_35_over.gif', 'body_80', 'images/body_80-body_35_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_35', 'images/body_35.gif', 'body_36', 'images/body_36.gif', 'body_37', 'images/body_37.gif', 'body_38', 'images/body_38.gif', 'body_39', 'images/body_39.gif', 'body_41', 'images/body_41.gif', 'body_45', 'images/body_45.gif', 'body_79', 'images/body_79.gif', 'body_80', 'images/body_80.gif');
    return true;">
    <IMG NAME="body_37" SRC="images/body_37.gif" WIDTH=41 HEIGHT=60 BORDER=0></A></TD>
    <TD COLSPAN=2 ROWSPAN=2>
    <IMG NAME="body_38" SRC="images/body_38.gif" WIDTH=13 HEIGHT=60></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=37></TD>
    </TR>
    <TR>
    <TD COLSPAN=3 ROWSPAN=23>
    <IMG NAME="body_39" SRC="images/body_39.gif" WIDTH=47 HEIGHT=239></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=23></TD>
    </TR>
    <TR>
    <TD COLSPAN=3>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_35', 'images/body_35-over.gif', 'body_36', 'images/body_36-body_35_over.gif', 'body_37', 'images/body_37-body_35_over.gif', 'body_38', 'images/body_38-body_35_over.gif', 'body_39', 'images/body_39-body_35_over.gif', 'body_41', 'images/body_41-body_35_over.gif', 'body_45', 'images/body_45-body_35_over.gif',
    'body_79', 'images/body_79-body_35_over.gif', 'body_80', 'images/body_80-body_35_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_35', 'images/body_35.gif', 'body_36', 'images/body_36.gif', 'body_37', 'images/body_37.gif', 'body_38', 'images/body_38.gif', 'body_39', 'images/body_39.gif', 'body_41', 'images/body_41.gif', 'body_45', 'images/body_45.gif', 'body_79', 'images/body_79.gif', 'body_80', 'images/body_80.gif');
    return true;">
    <IMG SRC="images/body_40.gif" WIDTH=20 HEIGHT=2 BORDER=0></A></TD>
    <TD COLSPAN=7 ROWSPAN=3>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_37', 'images/body_37-body_41_over.gif', 'body_38', 'images/body_38-body_41_over.gif', 'body_41', 'images/body_41-over.gif', 'body_42', 'images/body_42-body_41_over.gif', 'body_48', 'images/body_48-body_41_over.gif', 'body_90', 'images/body_90-body_41_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_37', 'images/body_37.gif', 'body_38', 'images/body_38.gif', 'body_41', 'images/body_41.gif', 'body_42', 'images/body_42.gif', 'body_48', 'images/body_48.gif', 'body_90', 'images/body_90.gif'); return true;">
    <IMG NAME="body_41" SRC="images/body_41.gif" WIDTH=37 HEIGHT=23 BORDER=0></A></TD>
    <TD COLSPAN=5 ROWSPAN=3>
    <IMG NAME="body_42" SRC="images/body_42.gif" WIDTH=45 HEIGHT=23></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=2></TD>
    </TR>
    <TR>
    <TD COLSPAN=3 ROWSPAN=9>
    <IMG SRC="images/body_43.gif" WIDTH=20 HEIGHT=145></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=10></TD>
    </TR>
    <TR>
    <TD COLSPAN=3 ROWSPAN=4>
    <IMG SRC="images/body_44.gif" WIDTH=25 HEIGHT=49></TD>
    <TD COLSPAN=8 ROWSPAN=4>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_34', 'images/body_34-body_45_over.gif', 'body_35', 'images/body_35-body_45_over.gif', 'body_41', 'images/body_41-body_45_over.gif', 'body_42', 'images/body_42-body_45_over.gif', 'body_45', 'images/body_45-over.gif', 'body_48', 'images/body_48-body_45_over.gif', 'body_51', 'images/body_51-body_45_over.gif',
    'body_52', 'images/body_52-body_45_over.gif', 'body_55', 'images/body_55-body_45_over.gif', 'body_56', 'images/body_56-body_45_over.gif', 'body_57', 'images/body_57-body_45_over.gif', 'body_70', 'images/body_70-body_45_over.gif', 'body_71', 'images/body_71-body_45_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_34', 'images/body_34.gif', 'body_35', 'images/body_35.gif', 'body_41', 'images/body_41.gif', 'body_42', 'images/body_42.gif', 'body_45', 'images/body_45.gif', 'body_48', 'images/body_48.gif', 'body_51', 'images/body_51.gif', 'body_52', 'images/body_52.gif', 'body_55', 'images/body_55.gif',
    'body_56', 'images/body_56.gif', 'body_57', 'images/body_57.gif', 'body_70', 'images/body_70.gif', 'body_71', 'images/body_71.gif'); return true;">
    <IMG NAME="body_45" SRC="images/body_45.gif" WIDTH=49 HEIGHT=49 BORDER=0></A></TD>
    <TD COLSPAN=3 ROWSPAN=9>
    <IMG SRC="images/body_46.gif" WIDTH=28 HEIGHT=136></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=11></TD>
    </TR>
    <TR>
    <TD COLSPAN=3>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_37', 'images/body_37-body_41_over.gif', 'body_38', 'images/body_38-body_41_over.gif', 'body_41', 'images/body_41-over.gif', 'body_42', 'images/body_42-body_41_over.gif', 'body_48', 'images/body_48-body_41_over.gif', 'body_90', 'images/body_90-body_41_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_37', 'images/body_37.gif', 'body_38', 'images/body_38.gif', 'body_41', 'images/body_41.gif', 'body_42', 'images/body_42.gif', 'body_48', 'images/body_48.gif', 'body_90', 'images/body_90.gif'); return true;">
    <IMG SRC="images/body_47.gif" WIDTH=17 HEIGHT=4 BORDER=0></A></TD>
    <TD COLSPAN=6 ROWSPAN=2>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_34', 'images/body_34-body_45_over.gif', 'body_35', 'images/body_35-body_45_over.gif', 'body_41', 'images/body_41-body_45_over.gif', 'body_42', 'images/body_42-body_45_over.gif', 'body_45', 'images/body_45-over.gif', 'body_48', 'images/body_48-body_45_over.gif', 'body_51', 'images/body_51-body_45_over.gif',
    'body_52', 'images/body_52-body_45_over.gif', 'body_55', 'images/body_55-body_45_over.gif', 'body_56', 'images/body_56-body_45_over.gif', 'body_57', 'images/body_57-body_45_over.gif', 'body_70', 'images/body_70-body_45_over.gif', 'body_71', 'images/body_71-body_45_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_34', 'images/body_34.gif', 'body_35', 'images/body_35.gif', 'body_41', 'images/body_41.gif', 'body_42', 'images/body_42.gif', 'body_45', 'images/body_45.gif', 'body_48', 'images/body_48.gif', 'body_51', 'images/body_51.gif', 'body_52', 'images/body_52.gif', 'body_55', 'images/body_55.gif',
    'body_56', 'images/body_56.gif', 'body_57', 'images/body_57.gif', 'body_70', 'images/body_70.gif', 'body_71', 'images/body_71.gif'); return true;">
    <IMG NAME="body_48" SRC="images/body_48.gif" WIDTH=40 HEIGHT=37 BORDER=0></A></TD>
    <TD COLSPAN=3 ROWSPAN=2>
    <IMG SRC="images/body_49.gif" WIDTH=25 HEIGHT=37></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=4></TD>
    </TR>
    <TR>
    <TD COLSPAN=3 ROWSPAN=6>
    <IMG SRC="images/body_50.gif" WIDTH=17 HEIGHT=120></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=33></TD>
    </TR>
    <TR>
    <TD COLSPAN=5 ROWSPAN=2>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_34', 'images/body_34-body_45_over.gif', 'body_35', 'images/body_35-body_45_over.gif', 'body_41', 'images/body_41-body_45_over.gif', 'body_42', 'images/body_42-body_45_over.gif', 'body_45', 'images/body_45-over.gif', 'body_48', 'images/body_48-body_45_over.gif', 'body_51', 'images/body_51-body_45_over.gif',
    'body_52', 'images/body_52-body_45_over.gif', 'body_55', 'images/body_55-body_45_over.gif', 'body_56', 'images/body_56-body_45_over.gif', 'body_57', 'images/body_57-body_45_over.gif', 'body_70', 'images/body_70-body_45_over.gif', 'body_71', 'images/body_71-body_45_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_34', 'images/body_34.gif', 'body_35', 'images/body_35.gif', 'body_41', 'images/body_41.gif', 'body_42', 'images/body_42.gif', 'body_45', 'images/body_45.gif', 'body_48', 'images/body_48.gif', 'body_51', 'images/body_51.gif', 'body_52', 'images/body_52.gif', 'body_55', 'images/body_55.gif',
    'body_56', 'images/body_56.gif', 'body_57', 'images/body_57.gif', 'body_70', 'images/body_70.gif', 'body_71', 'images/body_71.gif'); return true;">
    <IMG NAME="body_51" SRC="images/body_51.gif" WIDTH=29 HEIGHT=3 BORDER=0></A></TD>
    <TD COLSPAN=3 ROWSPAN=4>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_45', 'images/body_45-body_52_over.gif', 'body_48', 'images/body_48-body_52_over.gif', 'body_51', 'images/body_51-body_52_over.gif', 'body_52', 'images/body_52-over.gif', 'body_55', 'images/body_55-body_52_over.gif', 'body_57', 'images/body_57-body_52_over.gif', 'body_81', 'images/body_81-body_52_over.gif');
    return true;"
    ONMOUSEOUT="changeImages('body_45', 'images/body_45.gif', 'body_48', 'images/body_48.gif', 'body_51', 'images/body_51.gif', 'body_52', 'images/body_52.gif', 'body_55', 'images/body_55.gif', 'body_57', 'images/body_57.gif', 'body_81', 'images/body_81.gif'); return true;">
    <IMG NAME="body_52" SRC="images/body_52.gif" WIDTH=35 HEIGHT=40 BORDER=0></A></TD>
    <TD ROWSPAN=6>
    <IMG SRC="images/body_53.gif" WIDTH=1 HEIGHT=88></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
    </TR>
    <TR>
    <TD ROWSPAN=4>
    <IMG SRC="images/body_54.gif" WIDTH=3 HEIGHT=86></TD>
    <TD COLSPAN=4 ROWSPAN=3>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_45', 'images/body_45-body_52_over.gif', 'body_48', 'images/body_48-body_52_over.gif', 'body_51', 'images/body_51-body_52_over.gif', 'body_52', 'images/body_52-over.gif', 'body_55', 'images/body_55-body_52_over.gif', 'body_57', 'images/body_57-body_52_over.gif', 'body_81', 'images/body_81-body_52_over.gif');
    return true;"
    ONMOUSEOUT="changeImages('body_45', 'images/body_45.gif', 'body_48', 'images/body_48.gif', 'body_51', 'images/body_51.gif', 'body_52', 'images/body_52.gif', 'body_55', 'images/body_55.gif', 'body_57', 'images/body_57.gif', 'body_81', 'images/body_81.gif'); return true;">
    <IMG NAME="body_55" SRC="images/body_55.gif" WIDTH=35 HEIGHT=39 BORDER=0></A></TD>
    <TD COLSPAN=6 ROWSPAN=2>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_34', 'images/body_34-body_45_over.gif', 'body_35', 'images/body_35-body_45_over.gif', 'body_41', 'images/body_41-body_45_over.gif', 'body_42', 'images/body_42-body_45_over.gif', 'body_45', 'images/body_45-over.gif', 'body_48', 'images/body_48-body_45_over.gif', 'body_51', 'images/body_51-body_45_over.gif',
    'body_52', 'images/body_52-body_45_over.gif', 'body_55', 'images/body_55-body_45_over.gif', 'body_56', 'images/body_56-body_45_over.gif', 'body_57', 'images/body_57-body_45_over.gif', 'body_70', 'images/body_70-body_45_over.gif', 'body_71', 'images/body_71-body_45_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_34', 'images/body_34.gif', 'body_35', 'images/body_35.gif', 'body_41', 'images/body_41.gif', 'body_42', 'images/body_42.gif', 'body_45', 'images/body_45.gif', 'body_48', 'images/body_48.gif', 'body_51', 'images/body_51.gif', 'body_52', 'images/body_52.gif', 'body_55', 'images/body_55.gif',
    'body_56', 'images/body_56.gif', 'body_57', 'images/body_57.gif', 'body_70', 'images/body_70.gif', 'body_71', 'images/body_71.gif'); return true;">
    <IMG NAME="body_56" SRC="images/body_56.gif" WIDTH=36 HEIGHT=5 BORDER=0></A></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=2></TD>
    </TR>
    <TR>
    <TD COLSPAN=5 ROWSPAN=7>
    <IMG NAME="body_57" SRC="images/body_57.gif" WIDTH=29 HEIGHT=104></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=3></TD>
    </TR>
    <TR>
    <TD COLSPAN=6 ROWSPAN=3>
    <IMG SRC="images/body_58.gif" WIDTH=36 HEIGHT=82></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=34></TD>
    </TR>
    <TR>
    <TD COLSPAN=4>
    <IMG SRC="images/body_59.gif" WIDTH=35 HEIGHT=47></TD>
    <TD COLSPAN=3 ROWSPAN=2>
    <IMG SRC="images/body_60.gif" WIDTH=35 HEIGHT=48></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=47></TD>
    </TR>
    <TR>
    <TD ROWSPAN=12>
    <IMG SRC="images/body_61.gif" WIDTH=26 HEIGHT=69></TD>
    <TD COLSPAN=3 ROWSPAN=2>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_14', 'images/body_14-body_19_over.gif', 'body_16', 'images/body_16-body_19_over.gif', 'body_19', 'images/body_19-over.gif', 'body_20', 'images/body_20-body_19_over.gif', 'body_62', 'images/body_62-body_19_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_14', 'images/body_14.gif', 'body_16', 'images/body_16.gif', 'body_19', 'images/body_19.gif', 'body_20', 'images/body_20.gif', 'body_62', 'images/body_62.gif'); return true;">
    <IMG NAME="body_62" SRC="images/body_62.gif" WIDTH=27 HEIGHT=12 BORDER=0></A></TD>
    <TD COLSPAN=3 ROWSPAN=4>
    <IMG SRC="images/body_63.gif" WIDTH=22 HEIGHT=20></TD>
    <TD COLSPAN=5 ROWSPAN=2>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_23', 'images/body_23-body_30_over.gif', 'body_29', 'images/body_29-body_30_over.gif', 'body_30', 'images/body_30-over.gif', 'body_31', 'images/body_31-body_30_over.gif', 'body_32', 'images/body_32-body_30_over.gif', 'body_33', 'images/body_33-body_30_over.gif', 'body_35', 'images/body_35-body_30_over.gif',
    'body_36', 'images/body_36-body_30_over.gif', 'body_37', 'images/body_37-body_30_over.gif', 'body_64', 'images/body_64-body_30_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_23', 'images/body_23.gif', 'body_29', 'images/body_29.gif', 'body_30', 'images/body_30.gif', 'body_31', 'images/body_31.gif', 'body_32', 'images/body_32.gif', 'body_33', 'images/body_33.gif', 'body_35', 'images/body_35.gif', 'body_36', 'images/body_36.gif', 'body_37', 'images/body_37.gif',
    'body_64', 'images/body_64.gif'); return true;">
    <IMG NAME="body_64" SRC="images/body_64.gif" WIDTH=33 HEIGHT=12 BORDER=0></A></TD>
    <TD ROWSPAN=4>
    <IMG SRC="images/body_65.gif" WIDTH=4 HEIGHT=20></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
    </TR>
    <TR>
    <TD COLSPAN=5 ROWSPAN=8>
    <IMG SRC="images/body_66.gif" WIDTH=31 HEIGHT=40></TD>
    <TD COLSPAN=2 ROWSPAN=2>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_03', 'images/body_03-over.gif', 'body_07', 'images/body_07-body_03_over.gif', 'body_67', 'images/body_67-body_03_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_03', 'images/body_03.gif', 'body_07', 'images/body_07.gif', 'body_67', 'images/body_67.gif'); return true;">
    <IMG NAME="body_67" SRC="images/body_67.gif" WIDTH=26 HEIGHT=12 BORDER=0></A></TD>
    <TD COLSPAN=2 ROWSPAN=3>
    <IMG SRC="images/body_68.gif" WIDTH=7 HEIGHT=19></TD>
    <TD COLSPAN=2 ROWSPAN=11>
    <IMG SRC="images/body_69.gif" WIDTH=14 HEIGHT=68></TD>
    <TD COLSPAN=4 ROWSPAN=2>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_34', 'images/body_34-body_45_over.gif', 'body_35', 'images/body_35-body_45_over.gif', 'body_41', 'images/body_41-body_45_over.gif', 'body_42', 'images/body_42-body_45_over.gif', 'body_45', 'images/body_45-over.gif', 'body_48', 'images/body_48-body_45_over.gif', 'body_51', 'images/body_51-body_45_over.gif',
    'body_52', 'images/body_52-body_45_over.gif', 'body_55', 'images/body_55-body_45_over.gif', 'body_56', 'images/body_56-body_45_over.gif', 'body_57', 'images/body_57-body_45_over.gif', 'body_70', 'images/body_70-body_45_over.gif', 'body_71', 'images/body_71-body_45_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_34', 'images/body_34.gif', 'body_35', 'images/body_35.gif', 'body_41', 'images/body_41.gif', 'body_42', 'images/body_42.gif', 'body_45', 'images/body_45.gif', 'body_48', 'images/body_48.gif', 'body_51', 'images/body_51.gif', 'body_52', 'images/body_52.gif', 'body_55', 'images/body_55.gif',
    'body_56', 'images/body_56.gif', 'body_57', 'images/body_57.gif', 'body_70', 'images/body_70.gif', 'body_71', 'images/body_71.gif'); return true;">
    <IMG NAME="body_70" SRC="images/body_70.gif" WIDTH=51 HEIGHT=12 BORDER=0></A></TD>
    <TD ROWSPAN=11>
    <IMG NAME="body_71" SRC="images/body_71.gif" WIDTH=9 HEIGHT=68></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=11></TD>
    </TR>
    <TR>
    <TD COLSPAN=3 ROWSPAN=2>
    <IMG SRC="images/body_72.gif" WIDTH=27 HEIGHT=8></TD>
    <TD COLSPAN=5 ROWSPAN=2>
    <IMG SRC="images/body_73.gif" WIDTH=33 HEIGHT=8></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
    </TR>
    <TR>
    <TD COLSPAN=2>
    <IMG SRC="images/body_74.gif" WIDTH=26 HEIGHT=7></TD>
    <TD COLSPAN=4 ROWSPAN=2>
    <IMG SRC="images/body_75.gif" WIDTH=51 HEIGHT=8></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=7></TD>
    </TR>
    <TR>
    <TD COLSPAN=5 ROWSPAN=2>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_08', 'images/body_08-body_14_over.gif', 'body_14', 'images/body_14-over.gif', 'body_15', 'images/body_15-body_14_over.gif', 'body_16', 'images/body_16-body_14_over.gif', 'body_19', 'images/body_19-body_14_over.gif', 'body_20', 'images/body_20-body_14_over.gif', 'body_76', 'images/body_76-body_14_over.gif');
    return true;"
    ONMOUSEOUT="changeImages('body_08', 'images/body_08.gif', 'body_14', 'images/body_14.gif', 'body_15', 'images/body_15.gif', 'body_16', 'images/body_16.gif', 'body_19', 'images/body_19.gif', 'body_20', 'images/body_20.gif', 'body_76', 'images/body_76.gif'); return true;">
    <IMG NAME="body_76" SRC="images/body_76.gif" WIDTH=46 HEIGHT=12 BORDER=0></A></TD>
    <TD ROWSPAN=5>
    <IMG SRC="images/body_77.gif" WIDTH=3 HEIGHT=21></TD>
    <TD COLSPAN=4 ROWSPAN=2>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_12', 'images/body_12-body_11_over.gif', 'body_14', 'images/body_14-body_11_over.gif', 'body_15', 'images/body_15-body_11_over.gif', 'body_39', 'images/body_39-body_11_over.gif', 'body_78', 'images/body_78-body_11_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_12', 'images/body_12.gif', 'body_14', 'images/body_14.gif', 'body_15', 'images/body_15.gif', 'body_39', 'images/body_39.gif', 'body_78', 'images/body_78.gif'); return true;">
    <IMG NAME="body_78" SRC="images/body_78.gif" WIDTH=33 HEIGHT=12 BORDER=0></A></TD>
    <TD COLSPAN=8 ROWSPAN=2>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_35', 'images/body_35-over.gif', 'body_36', 'images/body_36-body_35_over.gif', 'body_37', 'images/body_37-body_35_over.gif', 'body_38', 'images/body_38-body_35_over.gif', 'body_39', 'images/body_39-body_35_over.gif', 'body_41', 'images/body_41-body_35_over.gif', 'body_45', 'images/body_45-body_35_over.gif',
    'body_79', 'images/body_79-body_35_over.gif', 'body_80', 'images/body_80-body_35_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_35', 'images/body_35.gif', 'body_36', 'images/body_36.gif', 'body_37', 'images/body_37.gif', 'body_38', 'images/body_38.gif', 'body_39', 'images/body_39.gif', 'body_41', 'images/body_41.gif', 'body_45', 'images/body_45.gif', 'body_79', 'images/body_79.gif', 'body_80', 'images/body_80.gif');
    return true;">
    <IMG NAME="body_79" SRC="images/body_79.gif" WIDTH=49 HEIGHT=12 BORDER=0></A></TD>
    <TD COLSPAN=3 ROWSPAN=8>
    <IMG NAME="body_80" SRC="images/body_80.gif" WIDTH=17 HEIGHT=49></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
    </TR>
    <TR>
    <TD COLSPAN=3 ROWSPAN=2>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_45', 'images/body_45-body_52_over.gif', 'body_48', 'images/body_48-body_52_over.gif', 'body_51', 'images/body_51-body_52_over.gif', 'body_52', 'images/body_52-over.gif', 'body_55', 'images/body_55-body_52_over.gif', 'body_57', 'images/body_57-body_52_over.gif', 'body_81', 'images/body_81-body_52_over.gif');
    return true;"
    ONMOUSEOUT="changeImages('body_45', 'images/body_45.gif', 'body_48', 'images/body_48.gif', 'body_51', 'images/body_51.gif', 'body_52', 'images/body_52.gif', 'body_55', 'images/body_55.gif', 'body_57', 'images/body_57.gif', 'body_81', 'images/body_81.gif'); return true;">
    <IMG NAME="body_81" SRC="images/body_81.gif" WIDTH=25 HEIGHT=12 BORDER=0></A></TD>
    <TD ROWSPAN=7>
    <IMG SRC="images/body_82.gif" WIDTH=26 HEIGHT=48></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=11></TD>
    </TR>
    <TR>
    <TD COLSPAN=5 ROWSPAN=3>
    <IMG SRC="images/body_83.gif" WIDTH=46 HEIGHT=9></TD>
    <TD COLSPAN=4 ROWSPAN=2>
    <IMG SRC="images/body_84.gif" WIDTH=33 HEIGHT=8></TD>
    <TD COLSPAN=8 ROWSPAN=3>
    <IMG SRC="images/body_85.gif" WIDTH=49 HEIGHT=9></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
    </TR>
    <TR>
    <TD COLSPAN=3 ROWSPAN=5>
    <IMG SRC="images/body_86.gif" WIDTH=25 HEIGHT=36></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=7></TD>
    </TR>
    <TR>
    <TD COLSPAN=4 ROWSPAN=2>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_03', 'images/body_03-body_07_over.gif', 'body_04', 'images/body_04-body_07_over.gif', 'body_07', 'images/body_07-over.gif', 'body_08', 'images/body_08-body_07_over.gif', 'body_12', 'images/body_12-body_07_over.gif', 'body_22', 'images/body_22-body_07_over.gif', 'body_23', 'images/body_23-body_07_over.gif',
    'body_29', 'images/body_29-body_07_over.gif', 'body_30', 'images/body_30-body_07_over.gif', 'body_31', 'images/body_31-body_07_over.gif', 'body_87', 'images/body_87-body_07_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_03', 'images/body_03.gif', 'body_04', 'images/body_04.gif', 'body_07', 'images/body_07.gif', 'body_08', 'images/body_08.gif', 'body_12', 'images/body_12.gif', 'body_22', 'images/body_22.gif', 'body_23', 'images/body_23.gif', 'body_29', 'images/body_29.gif', 'body_30', 'images/body_30.gif',
    'body_31', 'images/body_31.gif', 'body_87', 'images/body_87.gif'); return true;">
    <IMG NAME="body_87" SRC="images/body_87.gif" WIDTH=33 HEIGHT=12 BORDER=0></A></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
    </TR>
    <TR>
    <TD COLSPAN=8 ROWSPAN=2>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_06', 'images/body_06-over.gif', 'body_07', 'images/body_07-body_06_over.gif', 'body_08', 'images/body_08-body_06_over.gif', 'body_12', 'images/body_12-body_06_over.gif', 'body_15', 'images/body_15-body_06_over.gif', 'body_88', 'images/body_88-body_06_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_06', 'images/body_06.gif', 'body_07', 'images/body_07.gif', 'body_08', 'images/body_08.gif', 'body_12', 'images/body_12.gif', 'body_15', 'images/body_15.gif', 'body_88', 'images/body_88.gif'); return true;">
    <IMG NAME="body_88" SRC="images/body_88.gif" WIDTH=54 HEIGHT=12 BORDER=0></A></TD>
    <TD COLSPAN=3 ROWSPAN=3>
    <IMG SRC="images/body_89.gif" WIDTH=26 HEIGHT=28></TD>
    <TD COLSPAN=4 ROWSPAN=2>
    <A HREF="#"
    ONMOUSEOVER="changeImages('body_37', 'images/body_37-body_41_over.gif', 'body_38', 'images/body_38-body_41_over.gif', 'body_41', 'images/body_41-over.gif', 'body_42', 'images/body_42-body_41_over.gif', 'body_48', 'images/body_48-body_41_over.gif', 'body_90', 'images/body_90-body_41_over.gif'); return true;"
    ONMOUSEOUT="changeImages('body_37', 'images/body_37.gif', 'body_38', 'images/body_38.gif', 'body_41', 'images/body_41.gif', 'body_42', 'images/body_42.gif', 'body_48', 'images/body_48.gif', 'body_90', 'images/body_90.gif'); return true;">
    <IMG NAME="body_90" SRC="images/body_90.gif" WIDTH=25 HEIGHT=12 BORDER=0></A></TD>
    <TD COLSPAN=4 ROWSPAN=3>
    <IMG SRC="images/body_91.gif" WIDTH=24 HEIGHT=28></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=11></TD>
    </TR>
    <TR>
    <TD COLSPAN=4 ROWSPAN=2>
    <IMG SRC="images/body_92.gif" WIDTH=33 HEIGHT=17></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
    </TR>
    <TR>
    <TD COLSPAN=8>
    <IMG SRC="images/body_93.gif" WIDTH=54 HEIGHT=16></TD>
    <TD COLSPAN=4>
    <IMG SRC="images/body_94.gif" WIDTH=25 HEIGHT=16></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=16></TD>
    </TR>
    </TABLE>
    <!-- End ImageReady Slices -->
    </BODY>
    </HTML>

    [This message has been edited by Cabinetmaker (edited 08-07-2001).]

  6. #6
    Member
    Join Date
    Apr 2000
    Location
    Alberta, Canada
    Posts
    125
    usually when I have a problem with a table I set border=1 then have another look to see where my cells are messed up and go from there!! Might want to give that a try if you haven't already! (and if you don't mind messing around with tables! )

    as golfcart mentioned an image-map might work, but since you are doing image swapping for both the top and bottom I'm not to sure if it would or not! would have to try...

    btw, i find the easiest way to do image-maps is with FrontPage, it's about all I use FP for tho!

    cheers!

    edit- looks like cabinetmaker solved it while I was typing!

    [This message has been edited by ^hyd^ (edited 08-07-2001).]

  7. #7
    Member
    Join Date
    Jul 2001
    Location
    Sydney, Australia
    Posts
    125
    Cabinetmaker - thanks for all your help.
    it worked
    have a look at this link - http://samscomputerinfo.thrashin.net...tes/body1.html
    thanks alot for your help again everyone
    cya


    [This message has been edited by killmaster (edited 08-07-2001).]

  8. #8
    Member
    Join Date
    Jul 2001
    Location
    Sydney, Australia
    Posts
    125
    ooops, some of the links don't work.
    When I move the mouse over some of the links it doesn't hightlite whats wrong.
    thanks
    cya


    [This message has been edited by killmaster (edited 08-07-2001).]

  9. #9
    Just use an image map...
    they are easy enough.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts







New Security Features Planned for Firefox 4
Another Laptop Theft Exposes 21K Patients' Data
Oracle Hits to Road to Pitch Data Center Plans
Microsoft Preps Array of Windows Patches
Microsoft Nears IE9 Beta With Final Preview
Simplified Analytics Improve CRM, BI Tools
Android Passes RIM as Top Mobile OS in 2Q
VMware Updates Hyperic System Management
File Monitoring Key to Enterprise Security
LinkedIn Snaps Up SaaS Player mSpoke