3 Replies Latest reply on May 11, 2010 1:44 AM by hans-g.

    Unwanted space when working with tables

    MTX212s

      I have created a layout using tables (in CS4), and when I top align the tables containing images and text, it leaves a large, blank, unwanted space at the bottom. I am unable to resize the tables accordingly to eliminate the space, how can I fix this? Here's an image

      Example1.jpg

        • 1. Re: Unwanted space when working with tables
          John Waller Adobe Community Professional & MVP

          Images don't help much since the answer's in the code.

           

          Can you post a link or the code?

           

          Any reason you're not using a CSS-driven layout? Much more versatile than table based.

          • 2. Re: Unwanted space when working with tables
            MTX212s Level 1

            Unfortunately, I'm not familiar with coding for CSS. If I was able to layout a site with CSS the way I had envisioned, I totally would have, I just don't know how. Any suggestions? Anyways, here's my code:

             

            <!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">

            <head>

            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

            <title>The Crisis // Crew</title>

            <style type="text/css">

            <!--

            body, td, th {

            color: #000;

            }

            body {

            background-color: #161616;

            }

            td img {

            display: block;

            }

            td img {

            display: block;

            }

            td img {

            display: block;

            }

            td img {

            display: block;

            }

            td img {

            display: block;

            }

            td img {

            display: block;

            }

            td img {

            display: block;

            }

            td img {

            display: block;

            }

            td img {

            display: block;

            }

            td img {

            display: block;

            }td img {display: block;}

            -->

            </style>

            <style type="text/css">

            <!--

            .borderTable {

            margin: auto auto;

            border-collapse: collapse;

            border: 1px solid black;

            }

            .Arial {

            font-family: Arial, Helvetica, sans-serif;

            }

            .Arial {

            font-size: 12px;

            color: #333;

            }

            a:link {

            color: #333;

            }

            a:visited {

            color: #333;

            }

            .center {

            color: #FFF;

            font-family: Arial, Helvetica, sans-serif;

            font-size: 14px;

            text-align: center;

            }

            .arial {

            font-family: Arial, Helvetica, sans-serif;

            text-align: center;

            color: #FFF;

            }

            .bodytext {

            font-size: 12px;

            font-family: Arial, Helvetica, sans-serif;

            text-align: left;

            }

            -->

            </style>

            <script type="text/javascript">

            <!--

            function MM_preloadImages() { //v3.0

              var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

                var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

                if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

            }

             

            function MM_findObj(n, d) { //v4.01

              var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

                d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

              if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

              for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

              if(!x && d.getElementById) x=d.getElementById(n); return x;

            }

             

            function MM_nbGroup(event, grpName) { //v6.0

              var i,img,nbArr,args=MM_nbGroup.arguments;

              if (event == "init" && args.length > 2) {

                if ((img = MM_findObj(args[2])) != null && !img.MM_init) {

                  img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;

                  if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();

                  nbArr[nbArr.length] = img;

                  for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {

                    if (!img.MM_up) img.MM_up = img.src;

                    img.src = img.MM_dn = args[i+1];

                    nbArr[nbArr.length] = img;

                } }

              } else if (event == "over") {

                document.MM_nbOver = nbArr = new Array();

                for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {

                  if (!img.MM_up) img.MM_up = img.src;

                  img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);

                  nbArr[nbArr.length] = img;

                }

              } else if (event == "out" ) {

                for (i=0; i < document.MM_nbOver.length; i++) {

                  img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }

              } else if (event == "down") {

                nbArr = document[grpName];

                if (nbArr)

                  for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }

                document[grpName] = nbArr = new Array();

                for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {

                  if (!img.MM_up) img.MM_up = img.src;

                  img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;

                  nbArr[nbArr.length] = img;

              } }

            }

            //-->

            </script>

            </head>

            <body onload="MM_preloadImages('Photoshop/Animation/Top_r2_c4_f3.jpg','Photoshop/Animation/Top_ r2_c4_f2.jpg','Photoshop/Animation/Top_r2_c4_f4.jpg','Photoshop/Animation/Top_r2_c8_f3.jpg ','Photoshop/Animation/Top_r2_c8_f2.jpg','Photoshop/Animation/Top_r2_c8_f4.jpg','Photoshop /Animation/Top_r2_c10_f3.jpg','Photoshop/Animation/Top_r2_c10_f2.jpg','Photoshop/Animation /Top_r2_c10_f4.jpg','Photoshop/Animation/Top_r3_c2_f3.jpg','Photoshop/Animation/Top_r3_c2_ f2.jpg','Photoshop/Animation/Top_r3_c2_f4.jpg','Photoshop/Animation/Top_r3_c6_f3.jpg','Pho toshop/Animation/Top_r3_c6_f2.jpg','Photoshop/Animation/Top_r3_c6_f4.jpg')">

            <table width="870" border="0" align="center" cellpadding="0" cellspacing="3">

              <tr>

                <td><table border="0" cellpadding="0" cellspacing="0" width="870">

                  <!-- fwtable fwsrc="PageTop2.png" fwpage="Page 1" fwbase="Top.jpg" fwstyle="Dreamweaver" fwdocid = "427913899" fwnested="0" -->

                  <tr>

                    <td><img src="Photoshop/Animation/spacer.gif" width="277" height="1" border="0" alt="" /></td>

                    <td><img src="Photoshop/Animation/spacer.gif" width="66" height="1" border="0" alt="" /></td>

                    <td><img src="Photoshop/Animation/spacer.gif" width="33" height="1" border="0" alt="" /></td>

                    <td><img src="Photoshop/Animation/spacer.gif" width="95" height="1" border="0" alt="" /></td>

                    <td><img src="Photoshop/Animation/spacer.gif" width="28" height="1" border="0" alt="" /></td>

                    <td><img src="Photoshop/Animation/spacer.gif" width="77" height="1" border="0" alt="" /></td>

                    <td><img src="Photoshop/Animation/spacer.gif" width="31" height="1" border="0" alt="" /></td>

                    <td><img src="Photoshop/Animation/spacer.gif" width="107" height="1" border="0" alt="" /></td>

                    <td><img src="Photoshop/Animation/spacer.gif" width="18" height="1" border="0" alt="" /></td>

                    <td><img src="Photoshop/Animation/spacer.gif" width="117" height="1" border="0" alt="" /></td>

                    <td><img src="Photoshop/Animation/spacer.gif" width="21" height="1" border="0" alt="" /></td>

                    <td><img src="Photoshop/Animation/spacer.gif" width="1" height="1" border="0" alt="" /></td>

                  </tr>

                  <tr>

                    <td colspan="11"><img name="Top_r1_c1" src="Photoshop/Animation/Top_r1_c1.jpg" width="870" height="195" border="0" id="Top_r1_c1" alt="" /></td>

                    <td><img src="Photoshop/Animation/spacer.gif" width="1" height="195" border="0" alt="" /></td>

                  </tr>

                  <tr>

                    <td colspan="3"><img name="Top_r2_c1" src="Photoshop/Animation/Top_r2_c1.jpg" width="376" height="1" border="0" id="Top_r2_c1" alt="" /></td>

                    <td rowspan="3"><a href="artists.html" target="_top" onclick="MM_nbGroup('down','navbar1','Top_r2_c4','Photoshop/Animation/Top_r2_c4_f3.jpg',1 );" onmouseover="MM_nbGroup('over','Top_r2_c4','Photoshop/Animation/Top_r2_c4_f2.jpg','Photos hop/Animation/Top_r2_c4_f4.jpg',1);" onmouseout="MM_nbGroup('out');"><img name="Top_r2_c4" src="Photoshop/Animation/Top_r2_c4.jpg" width="95" height="52" border="0" id="Top_r2_c4" alt="" /></a></td>

                    <td colspan="3"><img name="Top_r2_c5" src="Photoshop/Animation/Top_r2_c5.jpg" width="136" height="1" border="0" id="Top_r2_c5" alt="" /></td>

                    <td rowspan="2"><a href="gallery.html" target="_top" onclick="MM_nbGroup('down','navbar1','Top_r2_c8','Photoshop/Animation/Top_r2_c8_f3.jpg',1 );" onmouseover="MM_nbGroup('over','Top_r2_c8','Photoshop/Animation/Top_r2_c8_f2.jpg','Photos hop/Animation/Top_r2_c8_f4.jpg',1);" onmouseout="MM_nbGroup('out');"><img name="Top_r2_c8" src="Photoshop/Animation/Top_r2_c8.jpg" width="107" height="51" border="0" id="Top_r2_c8" alt="" /></a></td>

                    <td rowspan="3"><img name="Top_r2_c9" src="Photoshop/Animation/Top_r2_c9.jpg" width="18" height="52" border="0" id="Top_r2_c9" alt="" /></td>

                    <td rowspan="3"><a href="contact.html" target="_top" onclick="MM_nbGroup('down','navbar1','Top_r2_c10','Photoshop/Animation/Top_r2_c10_f3.jpg' ,1);" onmouseover="MM_nbGroup('over','Top_r2_c10','Photoshop/Animation/Top_r2_c10_f2.jpg','Phot oshop/Animation/Top_r2_c10_f4.jpg',1);" onmouseout="MM_nbGroup('out');"><img name="Top_r2_c10" src="Photoshop/Animation/Top_r2_c10.jpg" width="117" height="52" border="0" id="Top_r2_c10" alt="" /></a></td>

                    <td rowspan="3"><img name="Top_r2_c11" src="Photoshop/Animation/Top_r2_c11.jpg" width="21" height="52" border="0" id="Top_r2_c11" alt="" /></td>

                    <td><img src="Photoshop/Animation/spacer.gif" width="1" height="1" border="0" alt="" /></td>

                  </tr>

                  <tr>

                    <td rowspan="2"><img name="Top_r3_c1" src="Photoshop/Animation/Top_r3_c1.jpg" width="277" height="51" border="0" id="Top_r3_c1" alt="" /></td>

                    <td rowspan="2"><a href="index.html" target="_top" onclick="MM_nbGroup('down','navbar1','Top_r3_c2','Photoshop/Animation/Top_r3_c2_f3.jpg',1 );" onmouseover="MM_nbGroup('over','Top_r3_c2','Photoshop/Animation/Top_r3_c2_f2.jpg','Photos hop/Animation/Top_r3_c2_f4.jpg',1);" onmouseout="MM_nbGroup('out');"><img name="Top_r3_c2" src="Photoshop/Animation/Top_r3_c2.jpg" width="66" height="51" border="0" id="Top_r3_c2" alt="" /></a></td>

                    <td rowspan="2"><img name="Top_r3_c3" src="Photoshop/Animation/Top_r3_c3.jpg" width="33" height="51" border="0" id="Top_r3_c3" alt="" /></td>

                    <td rowspan="2"><img name="Top_r3_c5" src="Photoshop/Animation/Top_r3_c5.jpg" width="28" height="51" border="0" id="Top_r3_c5" alt="" /></td>

                    <td rowspan="2"><a href="crew.html" target="_top" onclick="MM_nbGroup('down','navbar1','Top_r3_c6','Photoshop/Animation/Top_r3_c6_f3.jpg',1 );" onmouseover="MM_nbGroup('over','Top_r3_c6','Photoshop/Animation/Top_r3_c6_f2.jpg','Photos hop/Animation/Top_r3_c6_f4.jpg',1);" onmouseout="MM_nbGroup('out');"><img name="Top_r3_c6" src="Photoshop/Animation/Top_r3_c6.jpg" width="77" height="51" border="0" id="Top_r3_c6" alt="" /></a></td>

                    <td rowspan="2"><img name="Top_r3_c7" src="Photoshop/Animation/Top_r3_c7.jpg" width="31" height="51" border="0" id="Top_r3_c7" alt="" /></td>

                    <td><img src="Photoshop/Animation/spacer.gif" width="1" height="50" border="0" alt="" /></td>

                  </tr>

                  <tr>

                    <td><img name="Top_r4_c8" src="Photoshop/Animation/Top_r4_c8.jpg" width="107" height="1" border="0" id="Top_r4_c8" alt="" /></td>

                    <td><img src="Photoshop/Animation/spacer.gif" width="1" height="1" border="0" alt="" /></td>

                  </tr>

                </table></td>

              </tr>

              <tr>

                <td width="870" bgcolor="#161616"><table width="870" border="0" cellspacing="0" cellpadding="0">

                  <tr>

                    <td width="605" bgcolor="#FFFFFF" Valign="top"><table width="870" border="0" cellspacing="10" cellpadding="0">

                      <tr>

                        <td width="572"><table width="553" border="0" cellspacing="0" cellpadding="5">

                          <tr>

                            <td width="300" valign="top"><img src="Crew-Photo" width="300" height="451" /></td>

                            <td width="235" valign="top"><span class="bodytext">Andy Madeleine - Director/ Producer/ Editor <br />

            Adam Rock - Assitant Director<br />

            Jacob Kubon - Director of Photography<br />

            Justin Dixon - Sound <br />

            Vaughn Greathouse - Grip</span></td>

                          </tr>

                        </table>

                          <p> </p>

                          <p> </p>

                          <p> </p>

                          <p> </p>

                          <p> </p>

                          <p> </p>

                          <p> </p>

                          <p> </p>

                          <p> </p>

                          <p> </p>

                          <p> </p></td>

                        <td width="268" valign="top"><table width="268" border="0" align="center" cellpadding="2" cellspacing="0">

                          <tr>

                            <td bgcolor="#666666" class="center">About</td>

                            </tr>

                          </table>

                          <span class="bodytext"><br />

                            The Crisis is more than just a documentary film, it is an alliance of hip-hop artists, fans,  and likeminded individuals who are interested in preserving the integrity of the hip-hop community, and maintaining hip-hop as an art.

                            Commercial music has taken over the mainstream, and in doing so, created a channeled, often negative image of hip-hop. The Crisis will attempt to educate the uninformed, discredit stereotypes, and push for a positive image surrounding hip-hop culture. <br />

                            <br />

                            </span>

                          <table width="268" border="0" align="center" cellpadding="2" cellspacing="0">

                            <tr>

                              <td bgcolor="#666666" class="center">Get Involved!</td>

                              </tr>

                            </table>

                          <span class="bodytext"><br />

                            Interested in getting involved? Become part of the project or help us promote! Artists, film-makers, or fans, send e-mails to: <a href="mailto:crisisfilm@gmail.com">crisisfilm@gmail.com</a><br />

                            <br />

                            </span>

                          <table width="268" border="0" cellspacing="0" cellpadding="2">

                            <tr>

                              <td bgcolor="#666666" class="center">Follow The Crisis</td>

                              </tr>

                            </table>

                          <table width="100" border="0" align="center" cellpadding="5" cellspacing="0">

                            <tr>

                              <td><a href="http://www.facebook.com/pages/The-Crisis-Film/120240911333083" target="_blank"><img src="facebook_button_11.jpg" width="35" height="35" alt="Facebook" /></a></td>

                              <td><img src="twitter-button copy.jpg" width="35" height="35" alt="Twitter" /></td>

                              <td><img src="YoutubeButton.jpg" width="35" height="35" alt="YouTube" /></td>

                              </tr>

                            </table>

                          <p> </p>

                          <p> </p>

                          <p> </p></td>

                      </tr>

                      </table>

                      <img src="Photoshop/Bottom_stamp.jpg" width="870" height="100" /></td>

                    </tr>

                </table></td>

              </tr>

            </table>

            <div align="center"><span class="Arial"><a href="index.html">Home</a> I <a href="artists.html">Artists</a> I <a href="crew.html">Crew</a> I <a href="gallery.html">Gallery</a> I <a href="contact.html">Contact</a><br />

              Copyright © 2010 Andy Madeleine. All Rights Reserved.<br />

            </span></div>

            </body>

            </html>

            • 3. Re: Unwanted space when working with tables
              hans-g. Adobe Community Professional & MVP

              Hi,

               

              in my solution I replaced all parts of your table with a single 6 columns table. Column 1, 3 and 5 are empty, they each have a width of 2%. This gives you always a little white (naturally you can change it) space between the other columns. The properties for horizontal and vertical I set to middle and top.

               

              I also distorted your email address a little bit (pishing).

               

              Hans-G.

               

               


              <!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">

              <head>

              <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

              <title>The Crisis // Crew</title>

              <style type="text/css">

              <!--

              body, td, th {

              color: #000;

              }

              body {

              background-color: #161616;

              }

              td img {

              display: block;

              }

              td img {

              display: block;

              }

              td img {

              display: block;

              }

              td img {

              display: block;

              }

              td img {

              display: block;

              }

              td img {

              display: block;

              }

              td img {

              display: block;

              }

              td img {

              display: block;

              }

              td img {

              display: block;

              }

              td img {

              display: block;

              }td img {display: block;}

              -->

              </style>

              <style type="text/css">

              <!--

              .borderTable {

              margin: auto auto;

              border-collapse: collapse;

              border: 1px solid black;

              }

              .Arial {

              font-family: Arial, Helvetica, sans-serif;

              }

              .Arial {

              font-size: 12px;

              color: #333;

              }

              a:link {

              color: #333;

              }

              a:visited {

              color: #333;

              }

              .center {

              color: #FFF;

              font-family: Arial, Helvetica, sans-serif;

              font-size: 14px;

              text-align: center;

              }

              .arial {

              font-family: Arial, Helvetica, sans-serif;

              text-align: center;

              color: #FFF;

              }

              .bodytext {

              font-size: 12px;

              font-family: Arial, Helvetica, sans-serif;

              text-align: left;

              }

              -->

              </style>

              <script type="text/javascript">

              <!--

              function MM_preloadImages() { //v3.0

                var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

                  var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

                  if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

              }


              function MM_findObj(n, d) { //v4.01

                var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

                  d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

                if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

                for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

                if(!x && d.getElementById) x=d.getElementById(n); return x;

              }


              function MM_nbGroup(event, grpName) { //v6.0

                var i,img,nbArr,args=MM_nbGroup.arguments;

                if (event == "init" && args.length > 2) {

                  if ((img = MM_findObj(args[2])) != null && !img.MM_init) {

                    img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;

                    if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();

                    nbArr[nbArr.length] = img;

                    for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {

                      if (!img.MM_up) img.MM_up = img.src;

                      img.src = img.MM_dn = args[i+1];

                      nbArr[nbArr.length] = img;

                  } }

                } else if (event == "over") {

                  document.MM_nbOver = nbArr = new Array();

                  for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {

                    if (!img.MM_up) img.MM_up = img.src;

                    img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);

                    nbArr[nbArr.length] = img;

                  }

                } else if (event == "out" ) {

                  for (i=0; i < document.MM_nbOver.length; i++) {

                    img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }

                } else if (event == "down") {

                  nbArr = document[grpName];

                  if (nbArr)

                    for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }

                  document[grpName] = nbArr = new Array();

                  for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {

                    if (!img.MM_up) img.MM_up = img.src;

                    img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;

                    nbArr[nbArr.length] = img;

                } }

              }

              //-->

              </script>

              </head>

              <body onload="MM_preloadImages('Photoshop/Animation/Top_r2_c4_f3.jpg','Photoshop/Anim ation/Top_r2_c4_f2.jpg','Photoshop/Animation/Top_r2_c4_f4.jpg','Photoshop/Animat ion/Top_r2_c8_f3.jpg','Photoshop/Animation/Top_r2_c8_f2.jpg','Photoshop/Animatio n/Top_r2_c8_f4.jpg','Photoshop/Animation/Top_r2_c10_f3.jpg','Photoshop/Animation /Top_r2_c10_f2.jpg','Photoshop/Animation/Top_r2_c10_f4.jpg','Photoshop/Animation /Top_r3_c2_f3.jpg','Photoshop/Animation/Top_r3_c2_f2.jpg','Photoshop/Animation/T op_r3_c2_f4.jpg','Photoshop/Animation/Top_r3_c6_f3.jpg','Photoshop/Animation/Top _r3_c6_f2.jpg','Photoshop/Animation/Top_r3_c6_f4.jpg')">

              <table width="870" border="0" align="center" cellpadding="0" cellspacing="3">

                <tr>

                  <td><table border="0" cellpadding="0" cellspacing="0" width="870">

                    <!-- fwtable fwsrc="PageTop2.png" fwpage="Page 1" fwbase="Top.jpg" fwstyle="Dreamweaver" fwdocid = "427913899" fwnested="0" -->

                    <tr>

                      <td><img src="Photoshop/Animation/spacer.gif" width="277" height="1" border="0" alt="" /></td>

                      <td><img src="Photoshop/Animation/spacer.gif" width="66" height="1" border="0" alt="" /></td>

                      <td><img src="Photoshop/Animation/spacer.gif" width="33" height="1" border="0" alt="" /></td>

                      <td><img src="Photoshop/Animation/spacer.gif" width="95" height="1" border="0" alt="" /></td>

                      <td><img src="Photoshop/Animation/spacer.gif" width="28" height="1" border="0" alt="" /></td>

                      <td><img src="Photoshop/Animation/spacer.gif" width="77" height="1" border="0" alt="" /></td>

                      <td><img src="Photoshop/Animation/spacer.gif" width="31" height="1" border="0" alt="" /></td>

                      <td><img src="Photoshop/Animation/spacer.gif" width="107" height="1" border="0" alt="" /></td>

                      <td><img src="Photoshop/Animation/spacer.gif" width="18" height="1" border="0" alt="" /></td>

                      <td><img src="Photoshop/Animation/spacer.gif" width="117" height="1" border="0" alt="" /></td>

                      <td><img src="Photoshop/Animation/spacer.gif" width="21" height="1" border="0" alt="" /></td>

                      <td><img src="Photoshop/Animation/spacer.gif" width="1" height="1" border="0" alt="" /></td>

                    </tr>

                    <tr>

                      <td colspan="11"><img name="Top_r1_c1" src="Photoshop/Animation/Top_r1_c1.jpg" width="870" height="195" border="0" id="Top_r1_c1" alt="" /></td>

                      <td><img src="Photoshop/Animation/spacer.gif" width="1" height="195" border="0" alt="" /></td>

                    </tr>

                    <tr>

                      <td colspan="3"><img name="Top_r2_c1" src="Photoshop/Animation/Top_r2_c1.jpg" width="376" height="1" border="0" id="Top_r2_c1" alt="" /></td>

                      <td rowspan="3"><a href="artists.html" target="_top" onclick="MM_nbGroup('down','navbar1','Top_r2_c4','Photoshop/Animation/Top_r2_c4 _f3.jpg',1);" onmouseover="MM_nbGroup('over','Top_r2_c4','Photoshop/Animation/Top_r2_c4_f2.jp g','Photoshop/Animation/Top_r2_c4_f4.jpg',1);" onmouseout="MM_nbGroup('out');"><img name="Top_r2_c4" src="Photoshop/Animation/Top_r2_c4.jpg" width="95" height="52" border="0" id="Top_r2_c4" alt="" /></a></td>

                      <td colspan="3"><img name="Top_r2_c5" src="Photoshop/Animation/Top_r2_c5.jpg" width="136" height="1" border="0" id="Top_r2_c5" alt="" /></td>

                      <td rowspan="2"><a href="gallery.html" target="_top" onclick="MM_nbGroup('down','navbar1','Top_r2_c8','Photoshop/Animation/Top_r2_c8 _f3.jpg',1);" onmouseover="MM_nbGroup('over','Top_r2_c8','Photoshop/Animation/Top_r2_c8_f2.jp g','Photoshop/Animation/Top_r2_c8_f4.jpg',1);" onmouseout="MM_nbGroup('out');"><img name="Top_r2_c8" src="Photoshop/Animation/Top_r2_c8.jpg" width="107" height="51" border="0" id="Top_r2_c8" alt="" /></a></td>

                      <td rowspan="3"><img name="Top_r2_c9" src="Photoshop/Animation/Top_r2_c9.jpg" width="18" height="52" border="0" id="Top_r2_c9" alt="" /></td>

                      <td rowspan="3"><a href="contact.html" target="_top" onclick="MM_nbGroup('down','navbar1','Top_r2_c10','Photoshop/Animation/Top_r2_c 10_f3.jpg',1);" onmouseover="MM_nbGroup('over','Top_r2_c10','Photoshop/Animation/Top_r2_c10_f2. jpg','Photoshop/Animation/Top_r2_c10_f4.jpg',1);" onmouseout="MM_nbGroup('out');"><img name="Top_r2_c10" src="Photoshop/Animation/Top_r2_c10.jpg" width="117" height="52" border="0" id="Top_r2_c10" alt="" /></a></td>

                      <td rowspan="3"><img name="Top_r2_c11" src="Photoshop/Animation/Top_r2_c11.jpg" width="21" height="52" border="0" id="Top_r2_c11" alt="" /></td>

                      <td><img src="Photoshop/Animation/spacer.gif" width="1" height="1" border="0" alt="" /></td>

                    </tr>

                    <tr>

                      <td rowspan="2"><img name="Top_r3_c1" src="Photoshop/Animation/Top_r3_c1.jpg" width="277" height="51" border="0" id="Top_r3_c1" alt="" /></td>

                      <td rowspan="2"><a href="index.html" target="_top" onclick="MM_nbGroup('down','navbar1','Top_r3_c2','Photoshop/Animation/Top_r3_c2 _f3.jpg',1);" onmouseover="MM_nbGroup('over','Top_r3_c2','Photoshop/Animation/Top_r3_c2_f2.jp g','Photoshop/Animation/Top_r3_c2_f4.jpg',1);" onmouseout="MM_nbGroup('out');"><img name="Top_r3_c2" src="Photoshop/Animation/Top_r3_c2.jpg" width="66" height="51" border="0" id="Top_r3_c2" alt="" /></a></td>

                      <td rowspan="2"><img name="Top_r3_c3" src="Photoshop/Animation/Top_r3_c3.jpg" width="33" height="51" border="0" id="Top_r3_c3" alt="" /></td>

                      <td rowspan="2"><img name="Top_r3_c5" src="Photoshop/Animation/Top_r3_c5.jpg" width="28" height="51" border="0" id="Top_r3_c5" alt="" /></td>

                      <td rowspan="2"><a href="crew.html" target="_top" onclick="MM_nbGroup('down','navbar1','Top_r3_c6','Photoshop/Animation/Top_r3_c6 _f3.jpg',1);" onmouseover="MM_nbGroup('over','Top_r3_c6','Photoshop/Animation/Top_r3_c6_f2.jp g','Photoshop/Animation/Top_r3_c6_f4.jpg',1);" onmouseout="MM_nbGroup('out');"><img name="Top_r3_c6" src="Photoshop/Animation/Top_r3_c6.jpg" width="77" height="51" border="0" id="Top_r3_c6" alt="" /></a></td>

                      <td rowspan="2"><img name="Top_r3_c7" src="Photoshop/Animation/Top_r3_c7.jpg" width="31" height="51" border="0" id="Top_r3_c7" alt="" /></td>

                      <td><img src="Photoshop/Animation/spacer.gif" width="1" height="50" border="0" alt="" /></td>

                    </tr>

                    <tr>

                      <td><img name="Top_r4_c8" src="Photoshop/Animation/Top_r4_c8.jpg" width="107" height="1" border="0" id="Top_r4_c8" alt="" /></td>

                      <td><img src="Photoshop/Animation/spacer.gif" width="1" height="1" border="0" alt="" /></td>

                    </tr>

                  </table></td>

                </tr>

                <tr>

                  <td width="870" bgcolor="#161616"><table width="99%" border="0" cellspacing="0" cellpadding="0">

                    <tr>

                      <td width="605" bgcolor="#FFFFFF" Valign="top"><table border="3">
                        <tr>
                          <td width="2%"> </td>
                          <td width="30%"><img src="Crew-Photo" width="300" height="451" /></td>
                          <td width="2%"> </td>
                          <td width="30%" align="left" valign="top"><span class="bodytext">Andy Madeleine - Director/ Producer/ Editor <br />
              Adam Rock - Assitant Director<br />
              Jacob Kubon - Director of Photography<br />
              Justin Dixon - Sound <br />
              Vaughn Greathouse - Grip<br />
              <br />
                          </span></td>
                          <td width="2%"> </td>
                          <td width="30%" align="left" valign="top"><table width="268" border="0" align="center" cellpadding="2" cellspacing="0">
                            <tr>
                              <td bgcolor="#666666" class="center">About</td>
                            </tr>
                          </table>
                            <span class="bodytext"><br />
              The Crisis is more than just a documentary film, it is an alliance of hip-hop artists, fans,  and likeminded individuals who are interested in preserving the integrity of the hip-hop community, and maintaining hip-hop as an art.

                              Commercial music has taken over the mainstream, and in doing so, created a channeled, often negative image of hip-hop. The Crisis will attempt to educate the uninformed, discredit stereotypes, and push for a positive image surrounding hip-hop culture. <br />
                              <br />
                            </span>
                            <table width="268" border="0" align="center" cellpadding="2" cellspacing="0">
                              <tr>
                                <td bgcolor="#666666" class="center">Get Involved!</td>
                              </tr>
                            </table>
                            <span class="bodytext"><br />
              Interested in getting involved? Become part of the project or help us promote! Artists, film-makers, or fans, send e-mails to: <a href="mailto:XXXXXXXXXX@gmail.com">XXXXXXXXXX@gmail.com</a><br />
              <br />
                            </span>
                            <table width="268" border="0" cellspacing="0" cellpadding="2">
                              <tr>
                                <td bgcolor="#666666" class="center">Follow The Crisis</td>
                              </tr>
                            </table>
                            <table width="100" border="0" align="center" cellpadding="5" cellspacing="0">
                              <tr>
                                <td><a href="http://www.facebook.com/pages/The-Crisis-Film/120240911333083" target="_blank"><img src="facebook_button_11.jpg" width="35" height="35" alt="Facebook" /></a></td>
                                <td><img src="twitter-button copy.jpg" width="35" height="35" alt="Twitter" /></td>
                                <td><img src="YoutubeButton.jpg" width="35" height="35" alt="YouTube" /></td>
                              </tr>
                            </table></td>
                        </tr>
                      </table>

                        <img src="Photoshop/Bottom_stamp.jpg" width="870" height="100" /></td>

                      </tr>

                  </table></td>

                </tr>

              </table>

              <div align="center"><span class="Arial"><a href="index.html">Home</a> I <a href="artists.html">Artists</a> I <a href="crew.html">Crew</a> I <a href="gallery.html">Gallery</a> I <a href="contact.html">Contact</a><br />

                Copyright © 2010 Andy Madeleine. All Rights Reserved.<br />

              </span></div>

              </body>

              </html>