26 Replies Latest reply: May 6, 2013 8:04 AM by divineunity1 RSS

    Need help fixing HTML code

    divineunity1

      I need help with an html code we have on our page, it is not lining up correctly and I can't see what the issue is, I need a new set of eyes. Can anyone help?

       

      Here is the code, I can't see why the table is not moving the next video down right under the first. Can anyone look at this code and see what the issue is cause I am dumbfounded. I am a novice at writing code, I have no idea of what to do to fix the issue, your help and guidance would be greatly appreciated.

       

      Code we are using:

         

        <div id="fb-root"></div>

              <script>(function(d, s, id) {

        var js, fjs = d.getElementsByTagName(s)[0];

        if (d.getElementById(id)) return;

        js = d.createElement(s); js.id = id;

        js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";

        fjs.parentNode.insertBefore(js, fjs);

      }(document, 'script', 'facebook-jssdk'));</script>

              <table align="center" style="width: 1000px; height: 400px;">

                  <tbody>

                      <tr>

                          <td align="center">

                          <div id="my-video"></div>

                          <script type="text/javascript">

          jwplayer('my-video').setup({

              file: 'http://www.divineunity1.info/Show2.mp4',

              image: 'http://www.divineunity1.com/images/DU1 _logo.png',

              width: '900',

              height: '400'

          });

      </script>

                          </td>

                      </tr>

                  </tbody>

              </table>

              <div>

              <table align="center" style="border-style: solid; border-color: #f2f2f2; width: 900px;">

                  <tbody>

                      <tr>

                          <td style="width: 180px; text-align: left; vertical-align: top;" rowspan="4">

                          <table align="center" style="border-style: solid; border-color: #f2f2f2; width: 180px;">

                              <tbody>

                                  <tr>

                                      <td><img alt="" style="border: 0px currentcolor;" src="/images/DU1TV_bar popular.png" /></td>

                                  </tr>

                                  <tr>

                                      <td style="height: 10px; text-align: center;"><span class="links" style="font-family: 'segoe ui'; font-size: 16px; color: #a5a5a5;"><a href="/Interface" target="_self">DU1 INTERFACE</a></span></td>

                                  </tr>

                                  <tr>

                                      <td style="height: 10px; text-align: center;"><span style="color: #a5a5a5;"><a href="/du1store"><span class="links" style="font-family: 'segoe ui'; font-size: 16px; color: #a5a5a5;">DU1STORE</span></a></span></td>

                                  </tr>

                                  <tr>

                                      <td style="height: 10px; text-align: center;"><span><a href="/du1tsu" target="_self"><span style="font-size: 16px; color: #a5a5a5;">DU1@TSU</span></a>

                                      </span></td>

                                  </tr>

                                  <tr>

                                      <td style="height: 10px; text-align: center;"><span><a href="/_blog/The_Pass_Now_Newsletter" target="_blank"><span style="font-size: 16px; color: #a5a5a5;">DU1BLOG

                                      </span></a></span></td>

                                  </tr>

                              </tbody>

                          </table>

                          <table style="width: 180px;">

                              <tbody>

                                  <tr>

                                      <td><span style="font-size: 12px;"> <a href="https://www.facebook.com/DU1TV?ref=hl" target="_blank"><img alt="" style="border: 0px currentcolor;" src="/images/facebook.jpg" /></a><span style="font-family: 'segoe ui';"> Like us on facebook.</span></span></td>

                                  </tr>

                                  <tr>

                                      <td><span style="font-size: 12px; font-family: 'segoe ui';"><span style="font-size: 12px; font-family: 'segoe ui';"> </span><a href="http://www.youtube.com/du1tvunlmtd" target="_blank"><img alt="" style="border: 0px currentcolor;" src="http://divineunity1unlimited.businesscatalyst.com/images/youtube.png" /></a><span style="font-size: 12px; font-family: 'segoe ui';"> E</span><span style="font-size: 12px;">xcerpts of our shows.</span></span></td>

                                  </tr>

                                  <tr>

                                      <td> <img alt="" style="border-color: currentcolor;" src="http://divineunity1unlimited.businesscatalyst.com/images/instagram.jpg" /><span style="font-family: 'segoe ui'; font-size: 13px;"> DU</span><span style="font-size: 12px;"><span style="font-size: 12px; color: #333333;">1agram join</span><span style="font-size: small; color: #333333;"> the fun.</span></span></td>

                                  </tr>

                                  <tr>

                                      <td><span style="font-size: 12px; font-family: 'segoe ui';"> <a href="http://www.linkedin.com/in/du1unlmtd" target="_blank"><img alt="" style="border: 0px currentcolor;" src="/images/linked.jpg" /></a> <span style="font-size: 12px;">Network with DU1.</span></span></td>

                                  </tr>

                                  <tr>

                                      <td><span style="font-size: 12px; font-family: 'segoe ui';"> <a href="http://www.twitter.com/du1unlmtd" target="_blank"><img alt="" style="border: 0px currentcolor;" src="http://divineunity1unlimited.businesscatalyst.com/images/twitter.jpg" /></a> <span style="font-size: 12px;">Let us hear your tweet.</span></span></td>

                                  </tr>

                              </tbody>

                          </table>

                          </td>

                          <td style="width: 570px; text-align: center; vertical-align: top;" rowspan="4">

                          <div class="fb-comments" data-num-posts="20" data-width="500" data-href="http://divineunity1unlimited.businesscatalyst.com/du1tv"></div>

                          </td>

                      </tr>

                      <tr>

                          <td style="width: 150px; text-align: right; vertical-align: top;">

                          <div id="container1"></div>

                          <script type="text/javascript">

          jwplayer('container1').setup({

              file: 'http://www.divineunity1.info/Show1.mp4',

              image: 'http://www.divineunity1.com/images/DU1 _logo.png',

              width: '150',

              height: '100'

          });

      </script>

                          </td>

                      </tr>

                      <tr>

                          <td>

                          <div id="container2"></div>

                          <script type="text/javascript">

          jwplayer('container2').setup({

              file: 'http://www.divineunity1.info/Show2.mp4',

              image: 'http://www.divineunity1.com/images/DU1 _logo.png',

              width: '150',

              height: '100'

          });

      </script>

                          </td>

                      </tr>

                  </tbody>

              </table>