template alignment please help... [Archive]

tendisa

09-14-2006, 11:34 AM

Hi, can you please help me I am trying to customeise my template. Im using 3.2.

Can some one please tell me how I can left align my template.

I have been in the templates folder and I have changed the alignments of hearder.tpl ; footer.tpl & index.tpl from center to left but its not working.

Please please help me...

Alex

09-14-2006, 01:27 PM

It should be working, but in your scenario only for home page.

You also need to amend category_Main.tpl, and article_Full.tpl

If it's not, post the snippet from files you amended (not whole files, pls) so we can take a look.

tendisa

09-14-2006, 02:40 PM

Hi Alex, after I changed the alignements for header.tpl; footer.tpl;index.tpl;article_Full.tpl; category_Main.tpl

this is the end result which can be vied at:

http://www.tendisa.com/newzimbabwe/

The teplate gets distoted. Can you please help me; if you can can you please modify the files for me or you can just tell me what to do

Micha

09-15-2006, 08:54 AM

As I can see from this url, your website alignment is set to center, it is pretty hart to see is there a problem just by looking at the code.
As for templates you need to edit they are:

header.tpl
footer.tpl
index.tpl
article_Full.tpl
category_Main.tpl
framework.tpl
framework_withouth_right.tpl
and you need to edit just the first table in the template:

[<table width="780" cellspacing="0" cellpadding="0" border="0" align="center">]

to:

[<table width="780" cellspacing="0" cellpadding="0" border="0" align="left">]

tendisa

09-15-2006, 10:28 AM

Hi, I changed the the html in the files that you mentioned above but this is the end result.

www.tendisa.com/newzimbabwe (http://www.tendisa.com/newzimbabwe)

Im stuck now I dont know what to do, I have been trying to fix this for the past week now.

Here are html files for this different pages:

header.tpl
<!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>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
<meta name="generator" content="Vivvo 3.2" />
{META_NAMES}
<link href="{ROOT}templates/{CSS}" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/javascript" src="{ROOT}include/ac.js"></script>
<script language="JavaScript" type="text/javascript" src="{ROOT}include/functions.js"></script>
<link rel="alternate" type="application/rss+xml" title="{RSS_TITLE}" href="{ROOT}rss/rss.php{RSS_OPTION}" />
{SCRIPTS}
</head>

<body onload="body_loaded('{ROOT}')">

<table width="780" cellspacing="0" cellpadding="0" border="0" align="left">
<tr>
<td colspan="2"><img src="{ROOT}/img/header.jpg" alt="Header" /></td>
</tr>
<tr>
<td class="header">
<a href="{ROOT}">{LNG_GO_HOME}</a> |
{SITEMAP_LINK}
<a onclick="this.style.behavior='url(#default#homepage)';this. setHomePage('{ROOT}');" href="#">{LNG_SET_HOMEPAGE}</a> |
<a href="javascript:window.external.AddFavorite('{ROOT}','{ TITLE}'%20);">{LNG_ADD_FAVORITES}</a></td>
<td align="right" class="header">{LOGIN_INFO}</td>
</tr>
<tr>
<td colspan="2">{BOX_SEARCH}</td>
</tr>

footer.tpl

<table border="0" cellspacing="0" cellpadding="0" width="780" align="left" class="footer">
<tr>
<td class="plainTxt" align="center">Powered by <a href="http://www.vivvo.net" target="_blank">Vivvo Article Manager</a></td>
</tr>
</table>
</body>
</html>

index.tpl

<table width="780" cellspacing="0" cellpadding="0" border="0" align="left" class="white">
<tr>
<td width="150" valign="top" rowspan="3" class="leftColumn">
{BOX_SECTIONS}
{CALENDAR}
{BOX_SYNDICATION}
{BOX_NEWSLETTER}
{BOX_POLL}<br />
</td>
<td width="10" valign="top" rowspan="3"> </td>
<td valign="top">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top"><br /><div id="headline">{FEATURED_NEWS}</div></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top"><br /><br />{LATEST_NEWS}</td>
</tr>
</table>
</td>
<td width="10" valign="top" rowspan="3"> </td>
<td valign="top" width="150" rowspan="3" class="rightColumn">
{BOX_CATEGORY_HEADERS}
{BOX_MOST_POPULAR}
{BOX_MOST_COMMENTED}
{BOX_FEATURED_AUTHOR}
</td>
</tr>
</table>


article_Full.tpl

<table width="780" cellspacing="0" cellpadding="0" border="0" align="left" class="white">
<tr>
<td width="150" valign="top" rowspan="3" class="leftColumn">
{BOX_SECTIONS}
{CALENDAR}
{BOX_SYNDICATION}
{BOX_NEWSLETTER}
{BOX_POLL}<br />
</td>
<td width="10" valign="top" rowspan="3"> </td>
<td valign="top">
<table border="0" cellspacing="0" cellpadding="0" width="100%" id="article">
<tr>
<td colspan="2"><br />{BREADCRUMBS}<br />
<div align="right">{ARTICLE_TOOLS}</div>
<h1>{CAPTION_TITLE}</h1>
<div class="categoryTxt">
<p class="plainTxtGray">{ARTICLE_DATE} {LNG_AUTHOR_BY} {ARTICLE_AUTHOR}</p></div>
<div align="right" class="fontSize">
<a href="javascript:tsz('article_body','10px')"> <img alt='small font' border="0" src="{ROOT}img/font3_icon.gif" /></a>
<a href="javascript:tsz('article_body','12px')"> <img alt='medium font' border="0" src="{ROOT}img/font2_icon.gif" /></a>
<a href="javascript:tsz('article_body','14px')"> <img alt='large font' border="0" src="{ROOT}img/font1_icon.gif" /></a>
</div>
<img src="{ROOT}files/{ARTICLE_IMAGE}" alt="image" align="left" border="0" style="padding-right: 5px;" />
<div class="plainTxt" id="article_body">
{ARTICLE_BODY}
</div>
<div class="plainTxtGray">{ARTICLE_TIMES_READ} {LNG_TIMES_READ} </div>
<br />
</td>
</tr>
<tr>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div class="trHeadline_right"> {LNG_RELATED_NEWS}</div><br/></td>
</tr>
<tr>
<td class="plainTxt2">{ARTICLE_RELATED_NEWS}</td>
</tr>
</table>
</td>
<td width="40%" align="right" valign="top">{ARTICLE_VOTE}</td>
</tr>
</table>
<br />
<a name="comments"></a>{ARTICLE_TOOL_COMMENT} <div class="trWhite"></div>
<div class="plainTxt">
{ARTICLE_COMMENTS}
</div><br/></td>
<td width="10" valign="top" rowspan="5"> </td>
<td valign="top" width="150" rowspan="5" class="rightColumn">
{BOX_CATEGORY_HEADERS}
{BOX_MOST_POPULAR}
{BOX_MOST_COMMENTED}
{BOX_FEATURED_AUTHOR}
</td>
</tr>
</table>


category_Main.tpl

<table width="780" cellspacing="0" cellpadding="0" border="0" align="left" class="white">
<tr>
<td width="150" valign="top" rowspan="4" class="leftColumn">
{BOX_SECTIONS}
{CALENDAR}
{BOX_SYNDICATION}
{BOX_NEWSLETTER}
{BOX_POLL}<br />
</td>
<td width="10" valign="top" rowspan="5"> </td>
<td valign="top">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top"><br /><h1>{CATEGORY_NAME}</h1></td>
<td align="right"><br />{CATEGORY_LINK_RSS}</td>
</tr>
<tr>
<td valign="top" colspan="2"><div class="trWhite"></div><br />{SORT_BY}</td>
</tr>
<tr>
<td colspan="2" valign="top"> <br />{PAGINATION}<br />{ARTICLE_SHORT}<br />{PAGINATION}</td>
</tr>
</table></td>
<td width="10" valign="top" rowspan="5"> </td>
<td valign="top" width="150" rowspan="5" class="rightColumn">
{BOX_CATEGORY_HEADERS}
{BOX_MOST_POPULAR}
{BOX_MOST_COMMENTED}
{BOX_FEATURED_AUTHOR}
</td>
</tr>
</table>


framework.tpl

<table width="780" cellspacing="0" cellpadding="0" border="0" align="left" class="white">
<tr>
<td width="150" valign="top" rowspan="3" class="leftColumn">
{BOX_SECTIONS}
{CALENDAR}
{BOX_SYNDICATION}
{BOX_NEWSLETTER}
{BOX_POLL}<br />
</td>
<td width="10" valign="top" rowspan="3"> </td>
<td valign="top"><br />{MAIN_SUBJECT}</td>
<td width="10" valign="top" rowspan="3"> </td>
<td valign="top" width="150" rowspan="3" class="rightColumn">
{BOX_CATEGORY_HEADERS}
{BOX_MOST_POPULAR}
{BOX_MOST_COMMENTED}
{BOX_FEATURED_AUTHOR}
</td>
</tr>
</table>


framework_withouth_right.tpl

<table width="780" cellspacing="0" cellpadding="0" border="0" align="left" class="white">
<tr>
<td width="150" valign="top" rowspan="3" class="leftColumn">
{BOX_SECTIONS}
{CALENDAR}
{BOX_SYNDICATION}
{BOX_NEWSLETTER}
{BOX_POLL}<br />
</td>
<td width="10" valign="top" rowspan="3"> </td>
<td valign="top"><br />{MAIN_SUBJECT}</td>
</tr>
</table>

Micha

09-15-2006, 11:05 AM

Try to erase all alignements from tables, it should align to the left by default.

tendisa

09-15-2006, 11:43 AM

Thankyou very much. Its now working.

Before I removed the align left from the table it was working in Mozilla Firefox but not in i.e 5 or 6.

Thank you very much