Shadowbox

Shadowbox and iweb

2 messages Options
Embed this post
Permalink
Drbarlovento

Shadowbox and iweb

Reply Threaded More More options
Print post
Permalink
Hello everyone, I wanted to ask you something. I completed my website "www.lopezlozano.es" with iweb, in the section of "clinical cases" there are videos on youtube with Shadowbox effect, they look good with the mac, but with internet explorer at least 8 of the pcs not however, the main page itself http://www.shadowbox-js.com seen in my pcs with internet explorer!
What am I doing wrong? this is solved by purchasing the license? any solution? thanks in advance for your answers!
Drbarlovento

Re: Shadowbox and iweb

Reply Threaded More More options
Print post
Permalink
I see that nobody answered, I put the code, if it helps them
answer. Thanks

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
  <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   
    <meta name="Generator" content="iWeb 3.0.1" />
    <meta name="iWeb-Build" content="local-build-20091028" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <meta name="viewport" content="width=960" />
    <title>casos clínicos</title>
    <link rel="stylesheet" type="text/css" media="screen,print" href="casos_clinicos_files/casos_clinicos.css" />
    <!--[if lt IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='casos_clinicos_files/casos_clinicosIE.css'/><![endif]-->
    <!--[if gte IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Media/IE8.css'/><![endif]-->
    <script type="text/javascript" src="Scripts/iWebSite.js"></script>
    <script type="text/javascript" src="Scripts/iWebImage.js"></script>
    <script type="text/javascript" src="casos_clinicos_files/casos_clinicos.js"></script>
  <!-- Start of Shadowbox Code -->
   <link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css">
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
players:    ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv']
});
</script>
<!-- End of Shadowbox Code -->
</head>
  <body style="background: rgb(255, 255, 255); margin: 0pt; " onload="onPageLoad();">
    <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: transparent; text-align: left; width: 960px; " id="body_content">
        <div style="float: left; margin-left: 0px; position: relative; width: 960px; 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: 765px; margin-left: 0px; position: relative; width: 960px; z-index: 10; " id="header_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
          <div style="height: 63px; width: 121px;  height: 63px; left: 105px; position: absolute; top: 5px; width: 121px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
           
          </div>
         


          <div style="height: 285px; width: 774px;  height: 285px; left: 109px; position: absolute; top: 92px; width: 774px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 774px; ">
             
            </div>
          </div>
         


          <div style="height: 253px; width: 435px;  height: 231px; left: 146px; position: absolute; top: 123px; width: 414px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 414px; ">
             
            </div>
          </div>
         


          <div style="height: 12px; width: 151px;  height: 12px; left: 91px; position: absolute; top: 540px; width: 150px; z-index: 1; " class="tinyText shadow_0">
            <div style="position: relative; width: 150px; ">
             
            </div>
          </div>
         


          <div style="height: 122px; width: 159px;  height: 122px; left: 86px; position: absolute; top: 431px; width: 159px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 159px; ">
             
            </div>
          </div>
         


          <div style="height: 120px; width: 156px;  height: 119px; left: 88px; position: absolute; top: 433px; width: 155px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 155px; ">
             
            </div>
          </div>
         


          <div style="height: 105px; width: 200px;  height: 105px; left: 263px; position: absolute; top: 442px; width: 200px; z-index: 1; " class="tinyText style_SkipStroke_1 stroke_1">
           
          </div>
         


          <div style="height: 105px; width: 183px;  height: 105px; left: 469px; position: absolute; top: 442px; width: 183px; z-index: 1; " class="tinyText style_SkipStroke_1 stroke_2">
           
          </div>
         


          <div style="height: 105px; width: 212px;  height: 105px; left: 666px; position: absolute; top: 442px; width: 212px; z-index: 1; " class="tinyText style_SkipStroke_1 stroke_3">
           
          </div>
         


          <div style="height: 94px; width: 170px;  height: 94px; left: 104px; position: absolute; top: 602px; width: 170px; z-index: 1; " class="tinyText stroke_4">
            <div style="position: relative; width: 170px; ">
             
            </div>
          </div>
         


          <div style="height: 95px; width: 136px;  height: 95px; left: 295px; position: absolute; top: 602px; width: 136px; z-index: 1; " class="tinyText style_SkipStroke_2 stroke_5">
           
          </div>
         


          <div style="height: 100px; width: 229px;  height: 100px; left: 510px; position: absolute; top: 602px; width: 229px; z-index: 1; " class="tinyText style_SkipStroke_2 stroke_6">
           
          </div>
         


          <div style="height: 100px; width: 151px;  height: 100px; left: 753px; position: absolute; top: 602px; width: 151px; z-index: 1; " class="tinyText style_SkipStroke_2 stroke_7">
           
          </div>
         


          <div id="id1" style="height: 26px; left: 326px; position: absolute; top: 559px; width: 481px; z-index: 1; " class="style_SkipStroke_3 shape-with-text stroke_8">
            <div class="text-content graphic_textbox_layout_style_default_External_479_24" style="padding: 1px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style">Varón que demanda ponerse 3 implantes, en las posiciones 14, 23, 24, situación inicial.</p>
              </div>
            </div>
          </div>
         


          <div id="id2" style="height: 48px; left: 96px; position: absolute; top: 717px; width: 298px; z-index: 1; " class="style_SkipStroke_3 shape-with-text stroke_9">
            <div class="text-content graphic_textbox_layout_style_default_External_296_46" style="padding: 1px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style">Tras la colocación de ellos, se ponen los pilares para,<br /></p>
                <p style="padding-bottom: 0pt; " class="paragraph_style"> posteriormente, colocar las coronas.</p>
              </div>
            </div>
          </div>
         


          <div id="id3" style="height: 48px; left: 506px; position: absolute; top: 717px; width: 268px; z-index: 1; " class="style_SkipStroke_3 shape-with-text stroke_10">
            <div class="text-content graphic_textbox_layout_style_default_External_266_46" style="padding: 1px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style">Resultado final, la estética es excelente y no se<br /></p>
                <p style="padding-bottom: 0pt; " class="paragraph_style"> percibe la presencia de las coronas.</p>
              </div>
            </div>
          </div>
         


          <div class="tinyText" style="height: 35px; left: 96px; position: absolute; top: 8px; width: 62px; z-index: 1; ">
            Saber más<map name="map1" id="map1"><area href="curriculum.html" title="curriculum.html" alt="curriculum.html" onmouseout="IMmouseout('shapeimage_7', '0');" shape="rect" onmouseover="IMmouseover('shapeimage_7', '0');" coords="9, 12, 52, 36" /><area href="curriculum.html" title="curriculum.html" alt="curriculum.html" coords="4, 4, 66, 39" /></map>shapeimage_7_link_0
          </div>
         


          <div style="height: 9px; width: 123px;  height: 1px; left: 104px; position: absolute; top: 73px; width: 123px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 123px; ">
             
            </div>
          </div>
         


          <div style="height: 31px; width: 517px;  height: 31px; left: 262px; position: absolute; top: 23px; width: 517px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 517px; ">
             
            </div>
          </div>
         


          <div style="height: 17px; width: 504px;  height: 17px; left: 269px; position: absolute; top: 22px; width: 504px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 504px; ">
             
            </div>
          </div>
         


          <div id="id4" style="height: 46px; left: 252px; position: absolute; top: 20px; width: 527px; z-index: 1; " class="style_SkipStroke_4 shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_527_46" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_1">  Inicio     I    Casos clínicos        I    Instalaciones      I   Localización<br /></p>
                <p style="padding-bottom: 0pt; " class="paragraph_style_2">                           </p>
              </div>
            </div>
          </div>
         


          <div style="height: 85px; width: 98px;  height: 85px; left: 789px; position: absolute; top: 6px; width: 98px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
           
          </div>
         


          <div style="height: 12px; width: 106px;  height: 11px; left: 616px; position: absolute; top: 273px; width: 105px; z-index: 1; " class="tinyText shadow_1">
            <div style="position: relative; width: 105px; ">
             
            </div>
          </div>
         


          <div style="height: 119px; width: 112px;  height: 119px; left: 613px; position: absolute; top: 166px; width: 112px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 112px; ">
             
            </div>
          </div>
         


          <div style="height: 117px; width: 110px;  height: 116px; left: 614px; position: absolute; top: 168px; width: 109px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 109px; ">
             
            </div>
          </div>
         


          <div id="id5" style="height: 72px; left: 620px; position: absolute; top: 170px; width: 105px; z-index: 1; " class="style_SkipStroke_4 shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_105_72" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_3">Endodoncia p47 (Jul/09)<br /></p>
                <p class="paragraph_style_4">Duración: 4´05´´<br /></p>
                <p style="padding-bottom: 0pt; " class="paragraph_style_4"> </p>
              </div>
            </div>
          </div>
         


          <div style="height: 33px; width: 101px;  height: 33px; left: 427px; position: absolute; top: 119px; width: 101px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 101px; ">
             
            </div>
          </div>
         


          <div style="height: 17px; width: 91px;  height: 17px; left: 441px; position: absolute; top: 262px; width: 91px; z-index: 1; " class="tinyText shadow_2">
            <div style="position: relative; width: 91px; ">
             
            </div>
          </div>
         


          <div style="height: 134px; width: 103px;  height: 134px; left: 432px; position: absolute; top: 146px; width: 103px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 103px; ">
             
            </div>
          </div>
         


          <div style="height: 130px; width: 101px;  height: 130px; left: 433px; position: absolute; top: 148px; width: 100px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 100px; ">
             
            </div>
          </div>
         


          <div style="height: 112px; width: 138px;  height: 112px; left: 438px; position: absolute; top: 145px; width: 138px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 138px; ">
             
            </div>
          </div>
         


          <div style="height: 12px; width: 106px;  height: 11px; left: 761px; position: absolute; top: 273px; width: 105px; z-index: 1; " class="tinyText shadow_3">
            <div style="position: relative; width: 105px; ">
             
            </div>
          </div>
         


          <div style="height: 119px; width: 112px;  height: 119px; left: 758px; position: absolute; top: 166px; width: 112px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 112px; ">
             
            </div>
          </div>
         


          <div style="height: 117px; width: 110px;  height: 116px; left: 759px; position: absolute; top: 168px; width: 109px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 109px; ">
             
            </div>
          </div>
         


          <div id="id6" style="height: 147px; left: 772px; position: absolute; top: 171px; width: 130px; z-index: 1; " class="style_SkipStroke_4 shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_130_147" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_3">Endodoncia p16 (Jun/09)<br /></p>
                <p class="paragraph_style_4">Duración: 3´54´´<br /></p>
                <p style="padding-bottom: 0pt; " class="paragraph_style_4">   </p>
              </div>
            </div>
          </div>
         


          <div style="height: 48px; width: 64px;  height: 48px; left: 797px; position: absolute; top: 227px; width: 64px; z-index: 1; " class="tinyText style_SkipStroke_5 stroke_11">
           
          </div>
         


          <div style="height: 47px; width: 63px;  height: 47px; left: 653px; position: absolute; top: 227px; width: 63px; z-index: 1; " class="tinyText style_SkipStroke_5 stroke_12">
           
          </div>
         


          <div style="height: 68px; width: 87px;  height: 64px; left: 444px; position: absolute; top: 206px; width: 83px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 83px; ">
             
            </div>
          </div>
         


          <div id="id7" style="height: 86px; left: 92px; position: absolute; top: 435px; width: 157px; z-index: 1; " class="style_SkipStroke_4 shape-with-text">
            <div class="text-content graphic_textbox_layout_style_default_External_157_86" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_3">Implantes p14, 23, 24 (Agost/09). <br /></p>
                <p style="padding-bottom: 0pt; " class="paragraph_style_4">Palabras clave: Implantes, pilares, estética dental, coronas  </p>
              </div>
            </div>
          </div>
         


          <div style="height: 33px; width: 63px;  height: 33px; left: 149px; position: absolute; top: 510px; width: 63px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
           
          </div>
         


          <div style="height: 5px; width: 794px;  height: 1px; left: 88px; position: absolute; top: 413px; width: 794px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 794px; ">
             
            </div>
          </div>
        </div>
        <div style="margin-left: 0px; position: relative; width: 960px; z-index: 5; " id="body_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
          <div style="height: 158px; width: 160px;  height: 158px; left: 110px; position: absolute; top: 312px; width: 160px; z-index: 1; " class="tinyText style_SkipStroke_6 stroke_0" id="id8">
           
          </div>
         


          <div style="height: 158px; width: 160px;  height: 158px; left: 750px; position: absolute; top: 5px; width: 160px; z-index: 1; " class="tinyText style_SkipStroke_6 stroke_0" id="id9">
           
          </div>
          <div style="height: 200px; line-height: 200px; " class="spacer"> </div>
        </div>
        <div style="height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 960px; z-index: 15; " id="footer_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
        </div>
      </div>
    </div>
  </body>
</html>
Free Embeddable Forum Powered by Nabble Help