Can't figure out what I am doing wrong to get shadowbox to work on my website

classic Classic list List threaded Threaded
3 messages Options
Reply | Threaded
Open this post in threaded view
|

Can't figure out what I am doing wrong to get shadowbox to work on my website

katweb
Greetings,

I have tried everything possible to get this work, but not succeeding. I have followed all the directions on usage and looked for hints to diagnosis my code errors from several other websites (iweb FAQ, W3C markup validator, etc.)

I am a mere web hobbyist.......

Thanks to anyone who can tell me what i need to do.

website: http://www.imaginationafrika.com
webpage: http://www.imaginationafrika.com/Home/Next_stop.html

The code for the webpage is pasted below.

Kathryn


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    
    <meta name="Generator" content="iWeb 3.0.4" />
    <meta name="iWeb-Build" content="local-build-20130207" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <meta name="viewport" content="width=700" />
    <title>Next Stop</title>
    <link rel="stylesheet" type="text/css" media="screen,print" href="Next_Stop_files/Next_Stop.css" />
    <!--[if lt IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Next_Stop_files/Next_StopIE.css'/><![endif]-->
    <!--[if gte IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Media/IE8.css'/><![endif]-->
    <style type="text/css">
/*<![CDATA[*/
	@import "Scripts/Widgets/HTMLRegion/Paste.css";
/*]]>*/
</style>
    <script type="text/javascript" src="Scripts/iWebSite.js"></script>
    <script type="text/javascript" src="Scripts/iWebImage.js"></script>
    <script type="text/javascript" src="Scripts/iWebMediaGrid.js"></script>
    <script type="text/javascript" src="Scripts/Widgets/SharedResources/WidgetCommon.js"></script>
    <script type="text/javascript" src="Scripts/Widgets/HTMLRegion/Paste.js"></script>
    <script type="text/javascript" src="Next_Stop_files/Next_Stop.js"></script>
<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>
  </head>
  <body style="background: rgb(120, 161, 208); margin: 0pt; " onload="onPageLoad();" onunload="onPageUnload();">
    <div style="text-align: center; ">
      <div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative; word-wrap: break-word;  background: rgb(169, 208, 126); text-align: left; width: 700px; " id="body_content">
        <div style="float: left; margin-left: 0px; position: relative; width: 700px; z-index: 0; " id="nav_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
          <div style="clear: both; height: 0px; line-height: 0px; " class="spacer"> </div>
        </div>
        <div style="height: 60px; margin-left: 0px; position: relative; width: 700px; z-index: 10; " id="header_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
          <div id="id1" style="height: 43px; left: 89px; position: absolute; top: 17px; width: 381px; z-index: 1; " class="style_SkipStroke shape-with-text">
            <div class="text-content style_External_381_43 vertical-align-middle-middlebox" style="padding: 0px; ">
              <div class="style vertical-align-middle-innerbox"></div>
            </div>
          </div>
        </div>
        <div style="margin-left: 0px; position: relative; width: 700px; z-index: 5; " id="body_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
          <div id="id2" style="height: 261px; left: 135px; position: absolute; top: -44px; width: 387px; z-index: 1; " class="style_SkipStroke_1 shape-with-text shadow_0">
            <div class="text-content graphic_shape_layout_style_default_External_387_261" style="padding: 0px; ">
              <div class="graphic_shape_layout_style_default"></div>
            </div>
          </div>
          


          <div id="id3" style="height: 282px; left: 454px; position: absolute; top: 511px; width: 215px; z-index: 1; " class="style_SkipStroke_2 shape-with-text stroke_0">
            <div class="text-content graphic_shape_layout_style_default_External_213_280" style="padding: 1px; ">
              <div class="graphic_shape_layout_style_default"></div>
            </div>
          </div>
          


          <div style="height: 464px; width: 105px;  height: 464px; left: 12px; position: absolute; top: -42px; width: 105px; z-index: 1; " class="tinyText style_SkipStroke_3">
            <img src="Next_Stop_files/droppedImage.png" alt="" style="border: none; height: 465px; width: 105px; " />
          </div>
          


          <div style="height: 128px; width: 45px;  height: 128px; left: 616px; position: absolute; top: 1049px; width: 45px; z-index: 1; " class="tinyText shadow_1">
            <div style="position: relative; width: 45px; ">
              <img src="Next_Stop_files/shapeimage_1.jpg" alt="" style="height: 128px; left: 0px; position: absolute; top: 0px; width: 45px; " />
            </div>
          </div>
          


          <div id="id4" style="height: 68px; left: 135px; position: absolute; top: 878px; width: 512px; z-index: 1; " class="style_SkipStroke_4 shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_512_68" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style">The opening ceremony for Next Stop: Brooklyn/Dakar was quite a success with the participation of all our partners, including the United States Embassy/Senegal.  </p>
              </div>
            </div>
          </div>
          <div class="com-apple-iweb-widget-HTMLRegion" id="widget0" style="height: 34px; left: 361px; opacity: 1.00; position: absolute; top: 1056px; width: 250px; z-index: 1; ">
            <script type="text/javascript"><!--//--><![CDATA[//><!--
    var widget0_htmlMarkupURL = ".//Next_Stop_files/widget0_markup.html";
//--><!]]></script>
            <div id="widget0-htmlRegion" class="html_region_widget"></div>
          </div>
          <script type="text/javascript"><!--//--><![CDATA[//><!--
new Paste('widget0', 'Scripts/Widgets/HTMLRegion', 'Scripts/Widgets/SharedResources', '.', {"emptyLook": false});
//--><!]]></script>
          <div class="com-apple-iweb-widget-HTMLRegion" id="widget1" style="height: 266px; left: 462px; opacity: 1.00; position: absolute; top: 520px; width: 200px; z-index: 1; ">
            <script type="text/javascript"><!--//--><![CDATA[//><!--
    var widget1_htmlMarkupURL = ".//Next_Stop_files/widget1_markup.html";
//--><!]]></script>
            <div id="widget1-htmlRegion" class="html_region_widget"></div>
          </div>
          <script type="text/javascript"><!--//--><![CDATA[//><!--
new Paste('widget1', 'Scripts/Widgets/HTMLRegion', 'Scripts/Widgets/SharedResources', '.', {"emptyLook": false});
//--><!]]></script>
          <div class="com-apple-iweb-widget-HTMLRegion" id="widget2" style="height: 170px; left: 462px; opacity: 1.00; position: absolute; top: 1599px; width: 200px; z-index: 1; ">
            <script type="text/javascript"><!--//--><![CDATA[//><!--
    var widget2_htmlMarkupURL = ".//Next_Stop_files/widget2_markup.html";
//--><!]]></script>
            <div id="widget2-htmlRegion" class="html_region_widget"></div>
          </div>
          <script type="text/javascript"><!--//--><![CDATA[//><!--
new Paste('widget2', 'Scripts/Widgets/HTMLRegion', 'Scripts/Widgets/SharedResources', '.', {"emptyLook": false});
//--><!]]></script>
          <div id="id5" style="height: 127px; left: 165px; position: absolute; top: 327px; width: 494px; z-index: 1; " class="style_SkipStroke shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_494_127" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_1">Welcome to our program!<span class="style_1"> <br /></span></p>
                <p class="paragraph_style_2"><span class="style_1"><br /></span></p>
                <p style="padding-bottom: 0pt; " class="paragraph_style_3">Follow us for an exciting year long adventure bringing together youth from two continents as they discover the valuable meanings of migration in a modern world.  </p>
              </div>
            </div>
          </div>
          


          <div style="height: 335px; width: 503px;  height: 335px; left: 160px; position: absolute; top: -23px; width: 503px; z-index: 1; " class="tinyText style_SkipStroke_3">
            <img src="Next_Stop_files/Nairobi-mombasa-train.jpg" alt="" style="border: none; height: 336px; width: 503px; " />
          </div>
          


          <div style="height: 464px; width: 105px;  height: 464px; left: 12px; position: absolute; top: 413px; width: 105px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 105px; ">
              <img src="Next_Stop_files/shapeimage_2.png" alt="" style="height: 464px; left: 0px; margin-top: 0px; position: absolute; top: 0px; width: 105px; " />
            </div>
          </div>
          


          <div style="height: 18px; width: 13px;  height: 17px; left: 69px; position: absolute; top: 412px; width: 11px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 11px; ">
              <img src="Next_Stop_files/shapeimage_3.png" alt="" style="height: 18px; left: 0px; margin-left: -1px; position: absolute; top: 0px; width: 13px; " />
            </div>
          </div>
          


          <div style="height: 18px; width: 13px;  height: 17px; left: 55px; position: absolute; top: 415px; width: 11px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 11px; ">
              <img src="Next_Stop_files/shapeimage_4.png" alt="" style="height: 18px; left: 0px; margin-left: -1px; position: absolute; top: 0px; width: 13px; " />
            </div>
          </div>
          


          <div style="height: 12px; width: 23px;  height: 8px; left: 58px; position: absolute; top: 419px; width: 21px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 21px; ">
              <img src="Next_Stop_files/shapeimage_5.png" alt="" style="height: 12px; left: 0px; margin-left: -1px; margin-top: -2px; position: absolute; top: 0px; width: 23px; " />
            </div>
          </div>
          


          <div style="height: 12px; width: 23px;  height: 8px; left: 52px; position: absolute; top: 410px; width: 21px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 21px; ">
              <img src="Next_Stop_files/shapeimage_6.png" alt="" style="height: 12px; left: 0px; margin-left: -1px; margin-top: -2px; position: absolute; top: 0px; width: 23px; " />
            </div>
          </div>
          


          <div style="height: 471px; width: 10px;  height: 469px; left: 117px; position: absolute; top: -40px; width: 2px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 2px; ">
              <img src="Next_Stop_files/shapeimage_7.png" alt="" style="height: 471px; left: 0px; margin-left: -4px; margin-top: -1px; position: absolute; top: 0px; width: 10px; " />
            </div>
          </div>
          


          <div style="height: 471px; width: 10px;  height: 469px; left: 14px; position: absolute; top: 410px; width: 2px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 2px; ">
              <img src="Next_Stop_files/shapeimage_8.png" alt="" style="height: 471px; left: 0px; margin-left: -4px; margin-top: -1px; position: absolute; top: 0px; width: 10px; " />
            </div>
          </div>
          


          <div style="height: 4px; width: 37px;  height: 0px; left: 77px; position: absolute; top: 414px; width: 37px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 37px; ">
              <img src="Next_Stop_files/shapeimage_9.jpg" alt="" style="height: 4px; left: 0px; margin-top: -2px; position: absolute; top: 0px; width: 37px; " />
            </div>
          </div>
          


          <div style="height: 4px; width: 43px;  height: 0px; left: 6px; position: absolute; top: 414px; width: 43px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 43px; ">
              <img src="Next_Stop_files/shapeimage_10.jpg" alt="" style="height: 4px; left: 0px; margin-top: -2px; position: absolute; top: 0px; width: 43px; " />
            </div>
          </div>
          


          <div style="height: 464px; width: 105px;  height: 464px; left: 13px; position: absolute; top: 863px; width: 105px; z-index: 1; " class="tinyText style_SkipStroke_3">
            <img src="Next_Stop_files/droppedImage_1.png" alt="" style="border: none; height: 465px; width: 105px; " />
          </div>
          


          <div style="height: 464px; width: 105px;  height: 464px; left: 13px; position: absolute; top: 1318px; width: 105px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 105px; ">
              <img src="Next_Stop_files/shapeimage_11.png" alt="" style="height: 464px; left: 0px; position: absolute; top: 0px; width: 105px; " />
            </div>
          </div>
          


          <div style="height: 18px; width: 13px;  height: 17px; left: 70px; position: absolute; top: 1317px; width: 11px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 11px; ">
              <img src="Next_Stop_files/shapeimage_12.png" alt="" style="height: 18px; left: 0px; margin-left: -1px; position: absolute; top: 0px; width: 13px; " />
            </div>
          </div>
          


          <div style="height: 18px; width: 13px;  height: 17px; left: 56px; position: absolute; top: 1320px; width: 11px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 11px; ">
              <img src="Next_Stop_files/shapeimage_13.png" alt="" style="height: 18px; left: 0px; margin-left: -1px; position: absolute; top: 0px; width: 13px; " />
            </div>
          </div>
          


          <div style="height: 12px; width: 23px;  height: 8px; left: 59px; position: absolute; top: 1324px; width: 21px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 21px; ">
              <img src="Next_Stop_files/shapeimage_14.png" alt="" style="height: 12px; left: 0px; margin-left: -1px; margin-top: -2px; position: absolute; top: 0px; width: 23px; " />
            </div>
          </div>
          


          <div style="height: 12px; width: 23px;  height: 8px; left: 53px; position: absolute; top: 1315px; width: 21px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 21px; ">
              <img src="Next_Stop_files/shapeimage_15.png" alt="" style="height: 12px; left: 0px; margin-left: -1px; margin-top: -2px; position: absolute; top: 0px; width: 23px; " />
            </div>
          </div>
          


          <div style="height: 471px; width: 10px;  height: 469px; left: 118px; position: absolute; top: 865px; width: 2px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 2px; ">
              <img src="Next_Stop_files/shapeimage_16.png" alt="" style="height: 471px; left: 0px; margin-left: -4px; margin-top: -1px; position: absolute; top: 0px; width: 10px; " />
            </div>
          </div>
          


          <div style="height: 471px; width: 10px;  height: 469px; left: 118px; position: absolute; top: 1053px; width: 2px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 2px; ">
              <img src="Next_Stop_files/shapeimage_17.png" alt="" style="height: 471px; left: 0px; margin-left: -4px; margin-top: -1px; position: absolute; top: 0px; width: 10px; " />
            </div>
          </div>
          


          <div style="height: 4px; width: 37px;  height: 0px; left: 78px; position: absolute; top: 1319px; width: 37px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 37px; ">
              <img src="Next_Stop_files/shapeimage_18.jpg" alt="" style="height: 4px; left: 0px; margin-top: -2px; position: absolute; top: 0px; width: 37px; " />
            </div>
          </div>
          


          <div style="height: 4px; width: 43px;  height: 0px; left: 7px; position: absolute; top: 1319px; width: 43px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 43px; ">
              <img src="Next_Stop_files/shapeimage_19.jpg" alt="" style="height: 4px; left: 0px; margin-top: -2px; position: absolute; top: 0px; width: 43px; " />
            </div>
          </div>
          


          <div style="height: 16px; width: 19px;  height: 16px; left: 62px; position: absolute; top: 858px; width: 17px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 17px; ">
              <img src="Next_Stop_files/shapeimage_20.png" alt="" style="height: 16px; left: 0px; margin-left: -1px; position: absolute; top: 0px; width: 19px; " />
            </div>
          </div>
          


          <div style="height: 16px; width: 19px;  height: 16px; left: 67px; position: absolute; top: 850px; width: 17px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 17px; ">
              <img src="Next_Stop_files/shapeimage_21.png" alt="" style="height: 16px; left: 0px; margin-left: -1px; position: absolute; top: 0px; width: 19px; " />
            </div>
          </div>
          


          <div style="height: 17px; width: 16px;  height: 17px; left: 67px; position: absolute; top: 861px; width: 14px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 14px; ">
              <img src="Next_Stop_files/shapeimage_22.png" alt="" style="height: 17px; left: 0px; margin-left: -1px; position: absolute; top: 0px; width: 16px; " />
            </div>
          </div>
          


          <div style="height: 18px; width: 17px;  height: 18px; left: 54px; position: absolute; top: 855px; width: 15px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 15px; ">
              <img src="Next_Stop_files/shapeimage_23.png" alt="" style="height: 16px; left: 0px; margin-left: -1px; margin-top: 1px; position: absolute; top: 0px; width: 17px; " />
            </div>
          </div>
          


          <div id="id6" style="height: 43px; left: 276px; position: absolute; top: 20px; width: 364px; z-index: 1; " class="style_SkipStroke shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_364_43" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style_4"> Next Stop: Brooklyn/Dakar</p>
              </div>
            </div>
          </div>
          


          <div id="id7" style="height: 21px; left: 101px; position: absolute; top: 498px; width: 102px; z-index: 1; " class="style_SkipStroke_5 shape-with-text shadow_2">
            <div class="text-content style_External_102_21 vertical-align-middle-middlebox" style="padding: 0px; ">
              <div class="style_2 vertical-align-middle-innerbox"></div>
            </div>
          </div>
          


          <div id="id8" style="height: 88px; left: 135px; position: absolute; top: 536px; width: 277px; z-index: 1; " class="style_SkipStroke shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_277_88" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style_5">ImagiNation Afrika in partnership with the Brooklyn Children’s Museum, is awarded the Museums Connect grant for  “Next Stop: Brooklyn/Dakar”</p>
              </div>
            </div>
          </div>
          


          <div id="id9" style="height: 21px; left: 125px; position: absolute; top: 832px; width: 102px; z-index: 1; " class="style_SkipStroke_5 shape-with-text shadow_3">
            <div class="text-content style_External_102_21 vertical-align-middle-middlebox" style="padding: 0px; ">
              <div class="style_2 vertical-align-middle-innerbox"></div>
            </div>
          </div>
          


          <div style="height: 38px; width: 38px;  height: 38px; left: 620px; position: absolute; top: 1055px; width: 38px; z-index: 1; " class="tinyText style_SkipStroke_3">
            <a href="https://twitter.com/nextstopbkdakar" title="https://twitter.com/nextstopbkdakar"><img src="Next_Stop_files/1061260918.jpg" alt="" style="border: none; height: 38px; width: 38px; " /></a>
          </div>
          


          <div style="height: 41px; width: 40px;  height: 41px; left: 619px; position: absolute; top: 1134px; width: 40px; z-index: 1; " class="tinyText style_SkipStroke_3">
            <a href="http://www.facebook.com/Imaginationafrika" title="http://www.facebook.com/Imaginationafrika" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;"><img src="Next_Stop_files/facebook_icon_by_x_1337_x-d5ikwkm.jpg" alt="" style="border: none; height: 42px; width: 40px; " /></a>
          </div>
          


          <div style="height: 39px; width: 39px;  height: 39px; left: 619px; position: absolute; top: 1095px; width: 39px; z-index: 1; " class="tinyText style_SkipStroke_3">
            <a href="https://www.tumblr.com/nsbd" title="https://www.tumblr.com/nsbd" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;"><img src="Next_Stop_files/Tumblr-Icon.jpg" alt="" style="border: none; height: 39px; width: 39px; " /></a>
          </div>
          


          <div id="id10" style="height: 28px; left: 165px; position: absolute; top: 746px; width: 226px; z-index: 1; " class="style_SkipStroke shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_226_28" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style_6">ALL ABOARD !! Here we go....</p>
              </div>
            </div>
          </div>
          


          <div id="id11" style="height: 99px; left: 135px; position: absolute; top: 632px; width: 287px; z-index: 1; " class="style_SkipStroke shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_287_99" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style_5">This grant is managed by the <a onclick="window.open(this.href); return false;" title="http://www.aam-us.org/resources/international/museumsconnect" href="http://www.aam-us.org/resources/international/museumsconnect" onkeypress="window.open(this.href); return false;" class="class1">American Alliance of Museums </a>and financed by the <a onclick="window.open(this.href); return false;" title="http://exchanges.state.gov/" href="http://exchanges.state.gov/" onkeypress="window.open(this.href); return false;" class="class2">United States Department of State/Bureau of Education and Cultural Affairs.</a>  </p>
              </div>
            </div>
          </div>
          


          <div id="id12" style="height: 88px; left: 354px; position: absolute; top: 949px; width: 282px; z-index: 1; " class="style_SkipStroke shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_282_88" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style">ImagiNation Afrika created partnerships with the Lycee d’Excellence Birago Diop (high school) and L’Empire des Enfants (NGO working with street children.)   </p>
              </div>
            </div>
          </div>
          <div class="com-apple-iweb-widget-HTMLRegion" id="widget3" style="height: 143px; left: 138px; opacity: 1.00; position: absolute; top: 951px; width: 190px; z-index: 1; ">
            <script type="text/javascript"><!--//--><![CDATA[//><!--
    var widget3_htmlMarkupURL = ".//Next_Stop_files/widget3_markup.html";
//--><!]]></script>
            <div id="widget3-htmlRegion" class="html_region_widget"></div>
          </div>
          <script type="text/javascript"><!--//--><![CDATA[//><!--
new Paste('widget3', 'Scripts/Widgets/HTMLRegion', 'Scripts/Widgets/SharedResources', '.', {"emptyLook": false});
//--><!]]></script>
          <div style="height: 471px; width: 10px;  height: 469px; left: 14px; position: absolute; top: 1321px; width: 2px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 2px; ">
              <img src="Next_Stop_files/shapeimage_24.png" alt="" style="height: 471px; left: 0px; margin-left: -4px; margin-top: -1px; position: absolute; top: 0px; width: 10px; " />
            </div>
          </div>
          


          <div id="id13" style="height: 88px; left: 135px; position: absolute; top: 1194px; width: 528px; z-index: 1; " class="style_SkipStroke shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_528_88" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style">Students at Birago Diop started their weekly sessions with an introduction to the history of the railroad in Thies, and the famous <a onclick="window.open(this.href); return false;" title="http://newworkerfeatures.blogspot.com/2007/10/black-history-month-tipping-point-in.html" href="http://newworkerfeatures.blogspot.com/2007/10/black-history-month-tipping-point-in.html" onkeypress="window.open(this.href); return false;" class="class3">rail workers strike in 1947-48.</a> Students in Dakar had their first live on-line meeting, and very quickly stereotypes about “Africa” and “America” started getting challenged! </p>
              </div>
            </div>
          </div>
          


          <div id="id14" style="height: 129px; left: 135px; position: absolute; top: 1298px; width: 343px; z-index: 1; " class="style_SkipStroke shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_343_129" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style">A training workshop on photography took students outside to see the world through a camera lens. They spent a day in Thies learning about the railway and taking pictures.  This innovative approach is introducing these tenth grade students to a new way of learning.</p>
              </div>
            </div>
          </div>
          


          <div id="id15" style="height: 21px; left: 81px; position: absolute; top: 1542px; width: 102px; z-index: 1; " class="style_SkipStroke_5 shape-with-text shadow_4">
            <div class="text-content style_External_102_21 vertical-align-middle-middlebox" style="padding: 0px; ">
              <div class="style_2 vertical-align-middle-innerbox"></div>
            </div>
          </div>
          


          <div id="id16" style="height: 127px; left: 135px; position: absolute; top: 1620px; width: 317px; z-index: 1; " class="style_SkipStroke shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_317_127" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_7">2013 has started off with a training on social media: how to use them responsibly and effectively.<br /></p>
                <p class="paragraph_style_7"><br /></p>
                <p style="padding-bottom: 0pt; " class="paragraph_style_7">Coming up: a visit to the IFAN archives, a three day trip to Thies, and a film in the making....</p>
              </div>
            </div>
          </div>
          


          <div id="id17" style="height: 54px; left: 104px; position: absolute; top: 497px; width: 103px; z-index: 1; " class="style_SkipStroke shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_103_54" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style_8">June <span style="line-height: 17px; " class="style_3">2012</span></p>
              </div>
            </div>
          </div>
          


          <div id="id18" style="height: 38px; left: 130px; position: absolute; top: 832px; width: 123px; z-index: 1; " class="style_SkipStroke shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_123_38" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style_8">September</p>
              </div>
            </div>
          </div>
          


          <div id="id19" style="height: 21px; left: 128px; position: absolute; top: 1154px; width: 102px; z-index: 1; " class="style_SkipStroke_5 shape-with-text shadow_5">
            <div class="text-content style_External_102_21 vertical-align-middle-middlebox" style="padding: 0px; ">
              <div class="style_2 vertical-align-middle-innerbox"></div>
            </div>
          </div>
          


          <div id="id20" style="height: 38px; left: 133px; position: absolute; top: 1154px; width: 123px; z-index: 1; " class="style_SkipStroke shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_123_38" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style_8">December</p>
              </div>
            </div>
          </div>
          


          <div id="id21" style="height: 37px; left: 84px; position: absolute; top: 1544px; width: 153px; z-index: 1; " class="style_SkipStroke shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_153_37" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style_8">January <span style="line-height: 17px; " class="style_3">2013</span></p>
              </div>
            </div>
          </div>
          


          <div class="tinyText" style="height: 20px; left: 9px; position: absolute; top: 1730px; width: 40px; z-index: 1; ">
            <img usemap="#map1" id="shapeimage_25" src="Next_Stop_files/shapeimage_25.png" style="border: none; height: 26px; left: -3px; position: absolute; top: -3px; width: 46px; z-index: 1; " alt="" title="" /><map name="map1" id="map1"><area href="Exhibits.html" title="Exhibits.html" alt="Exhibits.html" coords="3, 3, 43, 23" /></map>
          </div>
          


          <div id="id22" style="height: 28px; left: 209px; position: absolute; top: 1457px; width: 195px; z-index: 1; " class="style_SkipStroke shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_195_28" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style_6">Check out our photo gallery </p>
              </div>
            </div>
          </div>
          


          <div style="height: 38px; width: 50px;  height: 38px; left: 556px; position: absolute; top: 1423px; width: 50px; z-index: 1; " class="tinyText style_SkipStroke_3">
            <a href="Next_Stop_files/picture1.jpg" rel="shadowbox[Thies]" title="From_a_child's_perspective"><img src="Next_Stop_files/picture1a.jpg" style="border: none; height:38px; width:50px;"></a>
          </div>
          


          <div style="height: 38px; width: 50px;  height: 38px; left: 503px; position: absolute; top: 1464px; width: 50px; z-index: 1; " class="tinyText style_SkipStroke_3">
            <a href="Next_Stop_files/picture2.jpg" rel="shadowbox[Thies]" title="A_giant_train_garage"><img src="Next_Stop_files/picture2a.jpg" style="border: none; height:38px; width:50px;"></a>
          </div>
          


          <div style="height: 38px; width: 50px;  height: 38px; left: 556px; position: absolute; top: 1464px; width: 50px; z-index: 1; " class="tinyText style_SkipStroke_3">
            <a href="Next_Stop_files/picture3.jpg" rel="shadowbox[Thies]" title="A_labyrinth_of_mechanical_wonders"><img src="Next_Stop_files/picture3a.jpg" style="border: none; height:38px; width:50px;"></a>
          </div>
          


          <div style="height: 38px; width: 50px;  height: 38px; left: 609px; position: absolute; top: 1394px; width: 50px; z-index: 1; " class="tinyText style_SkipStroke_3">
            <a href="Next_Stop_files/picture4.jpg" rel="shadowbox[Thies]" title="A_proud_railworker"><img src="Next_Stop_files/picture4a.jpg" style="border: none; height:38px; width:50px;"></a>
          </div>
          


          <div style="height: 67px; width: 50px;  height: 67px; left: 609px; position: absolute; top: 1435px; width: 50px; z-index: 1; " class="tinyText style_SkipStroke_3">
            <a href="Next_Stop_files/picture5.jpg" rel="shadowbox[Thies]" title="Ding_Dong_time_for_work"><img src="Next_Stop_files/picture5a.jpg" style="border: none; height:67px; width:50px;"></a>
          </div>
          


          <div style="height: 38px; width: 50px;  height: 38px; left: 556px; position: absolute; top: 1382px; width: 50px; z-index: 1; " class="tinyText style_SkipStroke_3">
            <a href="Next_Stop_files/picture6.jpg" rel="shadowbox[Thies]" title="How_a_child_sees_a_train"><img src="Next_Stop_files/picture6a.jpg" style="border: none; height:38px; width:50px;"></a>
          </div>
          


          <div style="height: 38px; width: 50px;  height: 38px; left: 503px; position: absolute; top: 1382px; width: 50px; z-index: 1; " class="tinyText style_SkipStroke_3">
            <a href="Next_Stop_files/picture7.jpg" rel="shadowbox[Thies]" title="Nature_and_building_meld_together"><img src="Next_Stop_files/picture7a.jpg" style="border: none; height:38px; width: 50px;"></a>
          </div>
          


          <div style="height: 38px; width: 50px;  height: 38px; left: 503px; position: absolute; top: 1423px; width: 50px; z-index: 1; " class="tinyText style_SkipStroke_3">
            <a href="Next_Stop_files/picture8.jpg" rel="shadowbox[Thies]" title="Need_any_spare_parts"><img src="Next_Stop_files/picture8a.jpg" style="border: none; height:38px; width:50px;"></a>
          </div>
          


          <div style="height: 38px; width: 50px;  height: 38px; left: 609px; position: absolute; top: 1353px; width: 50px; z-index: 1; " class="tinyText style_SkipStroke_3">
            <a href="Next_Stop_files/picture9.jpg" rel="shadowbox[Thies]" title="The_local_market_around_the_train_station"><img src="Next_Stop_files/picture9a.jpg" style="border: none; height:38px; width:50px;"></a>
          </div>
          


          <div style="height: 38px; width: 50px;  height: 38px; left: 450px; position: absolute; top: 1464px; width: 50px; z-index: 1; " class="tinyText style_SkipStroke_3">
            <a href="Next_Stop_files/picture10.jpg" rel="shadowbox[Thies]" title="Up_close_and_greasy"><img src="Next_Stop_files/picture10a.jpg" style="border: none; height:38px; width:50px;"></a>
          </div>
          


          <div style="height: 38px; width: 50px;  height: 38px; left: 450px; position: absolute; top: 1423px; width: 50px; z-index: 1; " class="tinyText style_SkipStroke_3">
            <a href="Next_Stop_files/picture11.jpg" rel="shadowbox[Thies]" title="Welcome_to_the_Thies_train_station"><img src="Next_Stop_files/picture11a.jpg" style="border: none; height:38px; width:50px;"></a>
          </div>
          <div style="height: 1769px; line-height: 1769px; " class="spacer"> </div>
        </div>
        <div style="height: 40px; margin-left: 0px; position: relative; width: 700px; z-index: 15; " id="footer_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
        </div>
      </div>
    </div>
  </body>
</html>
Reply | Threaded
Open this post in threaded view
|

Re: Can't figure out what I am doing wrong to get shadowbox to work on my website

Incomsys
Download and install jQuery or any other adapter you've selected.
Reply | Threaded
Open this post in threaded view
|

Re: Can't figure out what I am doing wrong to get shadowbox to work on my website

Jeremy
In reply to this post by katweb
it looks like your page is at /Home/.
Where do you have shadowbox.css and shadowbox.js? It doesn't look like they are in the /Home/ directory, I am getting 404 error for the 2 files. You need to properly reference them.

Replace LOCATION with the location of the 2 files, and it should fix it.


<link rel="stylesheet" type="text/css" href="/LOCATION/shadowbox.css">
<script type="text/javascript" src="/LOCATION/shadowbox.js"></script>