Text/Image Alignment Text/Image Alignment
 

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Main Menu

Text/Image Alignment

Started by saira, November 07, 2006, 01:58:37 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Print
Go Down Pages1
User actions

saira

November 07, 2006, 01:58:37 PM
http://swcgallery.ic.cz/

As you can see, the image is aligned to the left. I have edited the template.html to align it to the center but it hasn't worked. Also, the text next to [Home/Register/Login etc] can that be moved to under the image?


Joachim Müller

#1
November 07, 2006, 03:06:08 PM
You have put your banner into a table cell. Within that cell, the image is centered. However, as the cell is exactly as wide as the image itself (because the image determines the width of the cell), there's nothing gained. If you want to center your banner above your menu, you should edit http://swcgallery.ic.cz/themes/classic/template.html like this:
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/classic/style.css" type="text/css" />
<script type="text/javascript" src="scripts.js"></script>
<!-- $Id: template.html,v 1.6 2005/12/04 03:22:35 donnoman Exp $ -->
</head>
<body>
<!-- IClista -->
      <script type="text/javascript" src="http://img.ic.cz/3/lista.blue.asc.js"></script>

      <noscript>
    <div style="display:block !important;visibility:visible !important;overflow:hidden;position:absolute;top:0px;left:0px;height:24px;z-index:20;width:100%">
    <div style="display:block !important;visibility:visible !important;font-family:arial;font-size:12px;text-align:center;height:24px;color:#ffffff;background-color:#3366cc;z-index:15;line-height:24px;">
    <p style="margin:0 !important;padding:0 6px 0 0 !important;display:inline !important;"></p>
     <a title="Najdete si lepsi praci!" href="http://www.jobpilot.cz/">Prace, brigady</a> |  <a title="Hosting za super ceny." href="http://www.forpsi.com/">Webhosting od 19 Kc</a> |  <a title="Kralovna mezi rezervacnimi systemy letenek!" href="http://www.kralovna.cz/">Letenky Kralovna</a> |  <a title="Vlozte si svuj profesni zivotopis zdarma!" href="http://www.jobpilot.cz/content/service/myjobpilot/enter_cv.html">Zivotopis</a> |  <a title="Registrace domen .CZ za 549,- Kc na rok!" href="http://www.forpsi.com/">Registrace domen</a> |  <a title="Siroky vyber LCD televizoru." href="http://www.videoplaneta.cz/b/lcd-televize/">LCD televize</a> |  <a title="Velky vyber snowboardu za skvele ceny!" href="http://www.sportplaneta.cz/b/snowboard-shop/">Snowboard shop</a> |  <a title="Sazeni na sport po internetu - ziskejte bonus az 1000 Kc!" href="http://adserver.itsfogo.com/click.aspx?zoneid=21448">Sazeni na sport</a> |  <a title="Super nabidka vybaveni na squash!" href="http://www.sportplaneta.cz/b/squashove-rakety/">Squashove rakety</a> |
    </div>
    </div>
    <div style="height:24px;display:block !important;visibility:visible !important; width:24px"></div></noscript>
      <!-- /IClista -->
  {CUSTOM_HEADER}
  <table width="100%" border="0" cellpadding="20" cellspacing="20">
    <tr>
      <td valign="top" background-color:#FCF1EE;">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="100%" align="center">
              <h1>{GAL_NAME}</h1>
              <h3>{GAL_DESCRIPTION}</h3><br />
              {SYS_MENU} <br /> {SUB_MENU}
            </td>
          </tr>
          <tr>
            <td>
              <a href="index.php"><img src="themes/classic/images/blend.jpg" align="center" border="0"></a><br />
            </td>
            <td width="100%" align="center">
              <h1>{GAL_NAME}</h1>
              <h3>{GAL_DESCRIPTION}</h3><br />
              {SYS_MENU} <br /> {SUB_MENU}
            </td>

          </tr>
        </table>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="center" valign="bottom">
              {LANGUAGE_SELECT_FLAGS}
            </td>
          </tr>
          <tr>

            <td align="center" valign="bottom">
              {THEME_SELECT_LIST}
              {LANGUAGE_SELECT_LIST}
            </td>
          </tr>
        </table>
        <img src="images/spacer.gif" width="1" height="15" alt="" />
        <br />
        <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>

            <td align="left" valign="top">
              {ADMIN_MENU}
              {GALLERY}
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
  {CUSTOM_FOOTER}{VANITY}

</body>
</html>
This is all plain HTML, no special tricks needed.
Print
Go Up Pages1
User actions