Template out of alignment Template out of alignment
 

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Main Menu

Template out of alignment

Started by john123, March 25, 2007, 01:52:12 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Print
Go Down Pages1
User actions

john123

March 25, 2007, 01:52:12 PM Last Edit: March 26, 2007, 10:43:28 AM by GauGau
Hi
My site is http://www.takingthelead.co.uk/gallery

I have noticed that the top right hand side of the frame is out of alignment and I do not know what has gone wrong.

Can anyone help with this problem please
I have included my template.htm for information
John



Quote<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{LANG_DIR}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
<meta http-equiv="Pragma" content="no-cache" />
<title>{TITLE}</title>
{META}
<link rel="stylesheet" href="themes/rainy_day/style.css" type="text/css" />
<script type="text/javascript" src="scripts.js"></script>
<!-- $Id: template.html,v 1.11 2005/12/04 03:22:35 donnoman Exp $ -->
</head>
<body>
  {CUSTOM_HEADER}   

  <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
      <td>
        <table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tr>
            <td style="background-image:url(themes/rainy_day/images/template_r1_c1.gif)">
              <img src="images/spacer.gif" width="42" height="53" border="0" alt="" />
            </td>
            <td width="100%" style="background-image:url(themes/rainy_day/images/template_r1_c5.gif)">
              {SYS_MENU}
            </td>
            <td style="background-image:url(themes/rainy_day/images/template_r1_c6.gif)">
              <img src="images/spacer.gif" width="42" height="53" border="0" alt="" />
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td>
        <table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tr>
            <td style="background-image:url(themes/rainy_day/images/template_r2_c1.gif);background-repeat:repeat-y">
              <img src="images/spacer.gif" width="18" height="57" border="0" alt="" />
            </td>
            <td width="100%" style="background-image:url(themes/rainy_day/images/template_r2_c2.gif)">
              <table border="0" width="100%" cellspacing="3" cellpadding="0">
                <tr>
                  <td>
<a href="http://www.takingthelead.co.uk">
<img src="http://www.ttlntl.co.uk/images/button/homeblu.gif"></a>
<a href="http://www.takingthelead.co.uk/forum/">
<img src="http://www.ttlntl.co.uk/images/button/forumblu.gif"></a>
<a href="http://www.takingthelead.co.uk/shop/"><img src="http://www.ttlntl.co.uk/images/button/shopblu.gif"></a>
<a href="http://www.takingthelead.co.uk/gallery/"><img src="http://www.ttlntl.co.uk/images/button/galleryblu.gif"></a>
<a href="http://www.takingthelead.co.uk/5/remembrance.htm"><img src="http://www.ttlntl.co.uk/images/button/remembgry.gif"></a>
<a href="http://www.takingthelead.co.uk/guestbook/"><img src="http://www.ttlntl.co.uk/images/button/guestbookblu.gif"></a>
<a href="http://www.takingthelead.co.uk/blog/"><img src="http://www.ttlntl.co.uk/images/button/blogblu.gif"></a>
<br>   
                    <h1>&nbsp;{GAL_NAME}</h1><tr>
   <td valign="baseline" align="left" >

         </div>
         </td>
      </tr>
   </table>
</div>   
                 
                  <td align="left">
                    {THEME_SELECT_LIST}{LANGUAGE_SELECT_LIST}
                  </td>
                </tr>
              </table>
            </td>
            <td style="background-image:url(themes/rainy_day/images/template_r2_c10.gif);background-repeat:repeat-y">
              <img src="images/spacer.gif" width="16" height="57" border="0" alt="" />
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td>
        <table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tr>
            <td style="background-image:url(themes/rainy_day/images/template_r3_c1.gif)">
              <img src="images/spacer.gif" width="560" height="67" border="0" alt="" />
            </td>
            <td width="100%" style="background-image:url(themes/rainy_day/images/template_r3_c7.gif)" align="right">
              {GAL_DESCRIPTION}
            </td>
            <td style="background-image:url(themes/rainy_day/images/template_r3_c9.gif)">
              <img src="images/spacer.gif" width="42" height="67" border="0" alt="" />
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td>
        <table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tr>
            <td style="background-image:url(themes/rainy_day/images/template_r4_c1.gif)">
              <img src="images/spacer.gif" width="42" height="26" border="0" alt="" />
            </td>
            <td width="100%" align="right" style="background-image:url(themes/rainy_day/images/template_r4_c3.gif)">
              {SUB_MENU}
            </td>
            <td style="background-image:url(themes/rainy_day/images/template_r4_c9.gif)">
              <img src="images/spacer.gif" width="42" height="26" border="0" alt="" />
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td>
        <table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tr>
            <td style="background-image:url(themes/rainy_day/images/template_r5_c1.gif)">
              <img src="images/spacer.gif" width="42" height="18" border="0" alt="" />
            </td>
            <td style="background-image:url(themes/rainy_day/images/template_r5_c3.gif)">
              <img src="images/spacer.gif" width="14" height="18" border="0" alt="" />
            </td>
            <td width="100%" style="background-image:url(themes/rainy_day/images/template_r5_c4.gif)">
            </td>
            <td style="background-image:url(themes/rainy_day/images/template_r5_c8.gif)">
              <img src="images/spacer.gif" width="14" height="18" border="0" alt="" />
            </td>
            <td style="background-image:url(themes/rainy_day/images/template_r5_c9.gif)">
              <img src="images/spacer.gif" width="42" height="18" border="0" alt="" />
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td>
        <table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tr>
            <td style="background-image:url(themes/rainy_day/images/template_r6_c1.gif)">
              <img src="themes/rainy_day/images/template_r6_c1.gif" width="42" height="328" border="0" alt="" />
            </td>
            <td width="100%" style="background-image:url(themes/rainy_day/images/template_r6_c3.gif);padding-left: 10px; padding-right: 10px;">
              {ADMIN_MENU}
              {GALLERY}
            </td>
            <td style="background-image:url(themes/rainy_day/images/template_r6_c9.gif)">
              <img src="themes/rainy_day/images/template_r6_c9.gif" width="42" height="328" border="0" alt="" />
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td>
        <table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tr>
            <td style="background-image:url(themes/rainy_day/images/template_r7_c1.gif)">
              <img src="images/spacer.gif" width="42" height="45" border="0" alt="" />
            </td>
            <td style="background-image:url(themes/rainy_day/images/template_r7_c3.gif)">
              <img src="images/spacer.gif" width="208" height="45" border="0" alt="" />
            </td>
            <td width="100%" style="background-image:url(themes/rainy_day/images/template_r7_c5.gif)">&nbsp;
            </td>
            <td style="background-image:url(themes/rainy_day/images/template_r7_c6.gif)">
              <img src="images/spacer.gif" width="208" height="45" border="0" alt="" />
            </td>
            <td style="background-image:url(themes/rainy_day/images/template_r7_c9.gif)">
              <img src="images/spacer.gif" width="42" height="45" border="0" alt="" />
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>

  <br />

  <div align="center">
    {LANGUAGE_SELECT_FLAGS}
  </div>

  {CUSTOM_FOOTER}
  {VANITY}

</body>
</html>

Joachim Müller

#1
March 25, 2007, 08:43:03 PM
Actually, your gallery is located at http://www.ttlntl.co.uk/gallery/ (don't send us to framesets).

Modifying the orginal rainy_day template you added improper nesting. Fix it, or use the one that I have come up with for you:
Code Select
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{LANG_DIR}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
<meta http-equiv="Pragma" content="no-cache" />
<title>{TITLE}</title>
{META}
<link rel="stylesheet" href="themes/rainy_day/style.css" type="text/css" />
<script type="text/javascript" src="scripts.js"></script>
</head>
<body>
  {CUSTOM_HEADER}

  <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
      <td>
        <table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tr>
            <td style="background-image:url(themes/rainy_day/images/template_r1_c1.gif)">
              <img src="images/spacer.gif" width="42" height="53" border="0" alt="" />
            </td>
            <td width="100%" style="background-image:url(themes/rainy_day/images/template_r1_c5.gif)">
              {SYS_MENU}
            </td>
            <td style="background-image:url(themes/rainy_day/images/template_r1_c6.gif)">
              <img src="images/spacer.gif" width="42" height="53" border="0" alt="" />
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td>
        <table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tr>
            <td style="background-image:url(themes/rainy_day/images/template_r2_c1.gif);background-repeat:repeat-y">
              <img src="images/spacer.gif" width="18" height="57" border="0" alt="" />
            </td>
            <td width="100%" style="background-image:url(themes/rainy_day/images/template_r2_c2.gif)">
              <table border="0" width="100%" cellspacing="5" cellpadding="0">
                <tr>
                  <td colspan="2">
                    <a href="http://www.takingthelead.co.uk" title="home">
                      <img src="/images/button/homeblu.gif" border="0" width="90" height="20" alt="" />
                    </a>
                    <a href="http://www.takingthelead.co.uk/forum/" title="forum">
                      <img src="/images/button/forumblu.gif" border="0" width="90" height="20" alt="" />
                    </a>
                    <a href="http://www.takingthelead.co.uk/shop/" title="shop">
                      <img src="/images/button/shopblu.gif" border="0" width="90" height="20" alt="" />
                    </a>
                    <a href="http://www.takingthelead.co.uk/gallery/" title="gallery">
                      <img src="/images/button/galleryblu.gif" border="0" width="90" height="20" alt="" />
                    </a>
                    <a href="http://www.takingthelead.co.uk/5/remembrance.htm" title="remembrance">
                      <img src="/images/button/remembgry.gif" border="0" width="90" height="20" alt="" />
                    </a>
                    <a href="http://www.takingthelead.co.uk/guestbook/" title="guestbook">
                      <img src="/images/button/guestbookblu.gif" border="0" width="90" height="20" alt="" />
                    </a>
                    <a href="http://www.takingthelead.co.uk/blog/" title="blog">
                      <img src="/images/button/blogblu.gif" border="0" width="90" height="20" alt="" />
                    </a>
                  </td>
                </tr>
                <tr>
                  <td>
                    <h1>&nbsp;{GAL_NAME}</h1>
                  </td>
                  <td align="left">
                    {THEME_SELECT_LIST}{LANGUAGE_SELECT_LIST}
                  </td>
                </tr>
              </table>
            </td>
            <td style="background-image:url(themes/rainy_day/images/template_r2_c10.gif);background-repeat:repeat-y">
              <img src="images/spacer.gif" width="16" height="57" border="0" alt="" />
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td>
        <table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tr>
            <td style="background-image:url(themes/rainy_day/images/template_r3_c1.gif)">
              <img src="images/spacer.gif" width="560" height="67" border="0" alt="" />
            </td>
            <td width="100%" style="background-image:url(themes/rainy_day/images/template_r3_c7.gif)" align="right">
              {GAL_DESCRIPTION}
            </td>
            <td style="background-image:url(themes/rainy_day/images/template_r3_c9.gif)">
              <img src="images/spacer.gif" width="42" height="67" border="0" alt="" />
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td>
        <table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tr>
            <td style="background-image:url(themes/rainy_day/images/template_r4_c1.gif)">
              <img src="images/spacer.gif" width="42" height="26" border="0" alt="" />
            </td>
            <td width="100%" align="right" style="background-image:url(themes/rainy_day/images/template_r4_c3.gif)">
              {SUB_MENU}
            </td>
            <td style="background-image:url(themes/rainy_day/images/template_r4_c9.gif)">
              <img src="images/spacer.gif" width="42" height="26" border="0" alt="" />
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td>
        <table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tr>
            <td style="background-image:url(themes/rainy_day/images/template_r5_c1.gif)">
              <img src="images/spacer.gif" width="42" height="18" border="0" alt="" />
            </td>
            <td style="background-image:url(themes/rainy_day/images/template_r5_c3.gif)">
              <img src="images/spacer.gif" width="14" height="18" border="0" alt="" />
            </td>
            <td width="100%" style="background-image:url(themes/rainy_day/images/template_r5_c4.gif)">
            </td>
            <td style="background-image:url(themes/rainy_day/images/template_r5_c8.gif)">
              <img src="images/spacer.gif" width="14" height="18" border="0" alt="" />
            </td>
            <td style="background-image:url(themes/rainy_day/images/template_r5_c9.gif)">
              <img src="images/spacer.gif" width="42" height="18" border="0" alt="" />
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td>
        <table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tr>
            <td style="background-image:url(themes/rainy_day/images/template_r6_c1.gif)">
              <img src="themes/rainy_day/images/template_r6_c1.gif" width="42" height="328" border="0" alt="" />
            </td>
            <td width="100%" style="background-image:url(themes/rainy_day/images/template_r6_c3.gif);padding-left: 10px; padding-right: 10px;">
              {ADMIN_MENU}
              {GALLERY}
            </td>
            <td style="background-image:url(themes/rainy_day/images/template_r6_c9.gif)">
              <img src="themes/rainy_day/images/template_r6_c9.gif" width="42" height="328" border="0" alt="" />
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td>
        <table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tr>
            <td style="background-image:url(themes/rainy_day/images/template_r7_c1.gif)">
              <img src="images/spacer.gif" width="42" height="45" border="0" alt="" />
            </td>
            <td style="background-image:url(themes/rainy_day/images/template_r7_c3.gif)">
              <img src="images/spacer.gif" width="208" height="45" border="0" alt="" />
            </td>
            <td width="100%" style="background-image:url(themes/rainy_day/images/template_r7_c5.gif)">&nbsp;
            </td>
            <td style="background-image:url(themes/rainy_day/images/template_r7_c6.gif)">
              <img src="images/spacer.gif" width="208" height="45" border="0" alt="" />
            </td>
            <td style="background-image:url(themes/rainy_day/images/template_r7_c9.gif)">
              <img src="images/spacer.gif" width="42" height="45" border="0" alt="" />
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>

  <br />

  <div align="center">
    {LANGUAGE_SELECT_FLAGS}
  </div>

  {CUSTOM_FOOTER}
  {VANITY}

</body>
</html>

john123

#2
March 26, 2007, 10:24:35 AM
thanks
Print
Go Up Pages1
User actions