Au secours !!!

Bonjour à tous, voila plus de deux semaines que je me prend la tete à modifier une seule page de template et rien a faire je pige kedale ou tres peu, bref ca avance pas d'un iota.J'ai un site complet a remodeler et j'ai vraiment besoin de votre aide ne serait-ce que pour 1 ou 2 page de template a modifier.Je vous joint ci-apres les 2 pages de templates en question et les 2 fichiers css.
Merci de votre aide.
Page originale:

{include file="$gentemplates/index_top.tpl" show_news=1 show_poll=1 }
<div id="main">
<!-- begin main cell -->
{if $form.err}
<div class="error_msg">* {$form.err}</div>
{/if}
<!-- begin homepage table -->
<div id="account_section">
<table width="100%" cellpadding=0 cellspacing="2" border="0">
<!-- begin my profile section -->
<div id="welcome_section">
<div class="bg_header_add">&nbsp; {$lang.homepage.welcome}, {$active_user_info.name}!</div>
<div class="bg_content">
<div style="margin: 10px">
<table>
<tr><td class="text">{$header.member_since}: </td><td align=right class="text"><b>{$page.date_registration}</b></td></tr>
<tr><td class="text">{$header.last_connection}: </td><td align=right class="text"><b>{$page.last_login}</b></td></tr>
</table>
<div style="padding-top:5px">
<table width=85%>
<tr valign=top>
<td class="text">
<font class="ua_cell_head"><a href="{$profile.edit_link}" class="ua_cell_head"><b>{$page.name}</b></a></font><br>
<font class="ua_cell_text">{if $page.city}{$page.city}, {/if}{if $page.region}{$page.region}, {/if}{$page.country}</font><br>
<font class="ua_cell_text"><b>{$page.age} {$lang.home_page.ans}</b></font><br>
<font class="ua_cell_hidden_text">{$page.photo_count} {$lang.users.upload_1}</font><br>
</td>
<td class="text" align=right><a href="{$profile.edit_link}"><img src="{$page.icon_path}" class="my_img"></a></td>
</tr>
</table>
</div>
<div class="ua_cell_text">{$lang.homepage.completion}: <b>{$active_user_info.completion}%</b></div>
{if $active_user_info.show_visits}
<div class="ua_cell_text">{$lang.homepage.visit_my_page}: <b>{$active_user_info.visit_my_page}</b></div>
{/if}
{if $active_user_info.show_week_visits || $active_user_info.show_month_visits}
{if $active_user_info.show_week_visits}
<div class="ua_cell_text">{$lang.homepage.visit_my_page_1}: <b>{$active_user_info.visit_my_page_1}</b></div>
{/if}
{if $active_user_info.show_month_visits}
<div class="ua_cell_text">{$lang.homepage.visit_my_page_2}: <b>{$active_user_info.visit_my_page_2}</b></div>
{/if}
{/if}
<div id="prof_menu"><a href="{$profile.edit_link}" class="prof_link">{$button.gr_profile}</a>&nbsp;|&nbsp;<a href="{$profile.addf_link}" class="prof_link">{$button.gr_photo}</a></div>
</div>
</div>
</div>
<!-- end my profile section -->
<!-- begin my account section -->
<div id="account_sec">
<div class="bg_header_add">&nbsp; {$lang.section.account}</div>
<div class="bg_content">
<div style="margin: 10px">
<div class="ua_cell_text">{$header.account_credit}:<br><b>{$account.account}&nbsp;{$account.units}</b></div>
<div style="line-height: 17px; padding-top:7px; font-size:0px">&nbsp;</div>
<div style="line-height: 17px; padding-top:7px;"><a href="{$account.buy_link}" class="account_link">{$header.account_buy}</a></div>
<div style="line-height: 17px; padding-top:7px;"><a href="{$account.sign_link}" class="account_link">{$header.account_sign}</a></div>
<div style="line-height: 17px; padding-top:7px;"><a href="{$account.alert_link}" class="account_link">{$header.account_alert}</a></div>
<div style="line-height: 17px; padding-top:7px;"><a href="{$account.news_link}" class="account_link">{$header.account_news}</a></div>
<div style="line-height: 17px; padding-top:7px;"><a href="{$account.black_link}" class="account_link">{$header.account_black}</a></div>
</div>
</div>
</div>

<!-- end my account section -->
<!-- begin my hotlist section -->
{if $form.use_horoscope}
<!-- begin horoscope section -->
<div id="hor_section">
<div class="bg_header_add">&nbsp; {$lang.section.horoscope}</div>
<div class="bg_content">
<div style="margin: 10px 7px">
{section name=s loop=$horoscope}
<div style="height: 19px; line-height:19px; vertical-align:middle;" class="my_info"><a href="{$horoscope[s].sign_link}" class="my_link">{$horoscope[s].sign_name}</a> {if $horoscope[s].my_sign}<sup class="sup">{$lang.horoscope.your}</sup>{/if}</div>
{/section}
</div>
</div>
<!-- end horoscope section -->
</div>
{/if}
<br class="clr">&nbsp;
</div>
<div class="tags_title"> &nbsp; Tags:</div>
<div id="index_tags">
<div style=" float:left; padding:10px; clear:both">
<form name="form1" id="form1" method="post" action="javascript:void(null);">
<input type="text" size="15px" id="_tag" name="_tag" >
<input type="submit" class="add" name="done" id="df" value="Add" onclick="xajax_prof_tags(xajax.getFormValues('form1'))"; >
</form>
</div>
<div id="right_tags">
<div class="tags_div"><div id="sep"></div>{$haha}</div>
</div>
<div style="clear:both">&nbsp;</div>
</div>
<div style="clear:both">
{*
{if ($use_pilot_module_events) eq 1}
<!--begin events section-->
<div style="height: 3px; font-size:0px">&nbsp;</div>
<div class="bg_header_add" style="margin: 0px; height: 23px;">
<table width="100%" height="100%" border="0">
<tr>
<td style="padding-left: 10px;" align="left"><font class="my_menu">{$lang.section.events}&nbsp;:&nbsp;{$lang.homepage.visit_my_page_1}</font></td>
<td style="padding-right: 10px;" align="right"><a href="{$calendar_link}" class="my_menu"><u><b>{$lang.section.calendar}</b></u></a></td>
</tr>
</table>
</div>
<div class="bg_header" style="height: 2px; margin: 0px"><img src="{$site_root}{$template_root}{$template_images_root}/empty.gif" height="2px"></div>
<div class="bg_content" style="margin: 0px">
<table width="100%" border="0">
<tr align="left" class="bg_content_add">
<td width="20%" class="my_text" style="padding-left: 10px;" height="20px">{$header.event_name}</td>
<td width="20%" class="my_text" style="padding-left: 10px;">{$header.event_place}</td>
<td width="20%" class="my_text" style="padding-left: 10px;">{$header.event_start_time}</td>
<td width="20%" class="my_text" style="padding-left: 10px;">{$header.event_end_time}</td>
<td width="20%" class="my_text" style="padding-left: 10px;">{$header.event_userstatus}</td>
</tr>
{if $events}
{section name=e loop=$events}
<tr valign="top" align="left">
<td height="20px" style="padding-left: 10px;"><a href="{$events[e].today_link}" class="ua_cell_text"><u>{$events[e].today_name}</u></td>
<td class="ua_cell_text" style="padding-left: 10px;">{$events[e].event_place}</td>
<td class="ua_cell_text" style="padding-left: 10px;">{$events[e].start_date}</td>
<td class="ua_cell_text" style="padding-left: 10px;">{$events[e].finish_date}</td>
<td class="ua_cell_text" style="padding-left: 10px;">{if $events[e].joined}{$header.joined}&nbsp;<a class="ua_cell_head" href="{$events[e].leave_link}">{$header.leave_event}</a>{else}<a href="{$events[e].join_link}" class="ua_cell_head">{$header.join_event}</a>{/if}</td>
</tr>
{/section}
{if $link_more}
<tr align="right">
<td colspan="5" style="padding-top: 5px; padding-bottom: 5px"><a class="ua_cell_head" href="{$link_more}">{$header.more}</a></td>
</tr>
{/if}
{else}
<tr align="center" height="100px">
<td colspan="5" class="ua_cell_head"><b>{$header.no_events}</b></td>
</tr>
{/if}
</table>
</div>
<div style="height: 5px; font-size:0px">&nbsp;</div>
<!--end events section-->
{/if}
*}
<!-- begin my perfect match section -->
{if $visited}
<div id="prof_match">
<div id="match_title">
{$lang.section.perfect_match}
</div>
<div id="match_body">
<table border="0" width="90%" align=center cellpadding="0" cellspacing="0">
<tr valign=top>
{section name=a loop=$visited}
<td {if !$smarty.section.a.last}class="bg_home_matches_delimiter"{/if} width="120px" align="center">
<a href="{$visited[a].link}"><img src="{$visited[a].icon_path}" class="my_icon" vspace=5></a><br>
<font class="my_info_index"><b>{$visited[a].name}</b></font><br>
</td>
{/section}
</tr>
</table>
</div>
<div style="padding:15px 0 0 0; clear:both; text-align:right;"><a href="{$hotlist.perfect_link}" class="ua_cell_head">{$header.view_matches}</a></div>
<!-- end my perfect match section -->
</div></div>
{/if}
<!-- end homepage table -->
<!-- end main cell -->
</div>



{include file="$gentemplates/index_bottom.tpl"}

Page que je souhaite avoir apres votre aide.

{include file="$gentemplates/index_top.tpl" show_news=1 }
<td class="main_cell">
<!-- begin main cell -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111">
<tr><td class="text" style="padding: 5px">
<img alt src="../../images/homepa14.gif" border="0" name="n00000001_r10_c2"></td></tr>
<tr><td class="text" style="padding: 5px">
<p dir="ltr">Welcome to ***. Your Homepage allows you to change
many of your account settings so you can start working at finding your
perfect match. As site administrators we are to help you achieve success.<br>
Please feel free to contact us anytime if you require any assistance.<br>
&nbsp;</td></tr>
{if $form.err}
<tr><td style="padding-left:15px;"><font class="error_msg">*&nbsp;{$form.err}</font><br>&nbsp;</td></tr>
{/if}
<tr><td class="text">
<!-- begin homepage table -->
<table width="100%" cellpadding=0 cellspacing="2" border="0">
<tr valign=top>
<td valign=top bgcolor="#FFFFFF">
<img alt src="../../images/homepa9.jpg" border="0" name="n00000001_r10_c2"></td>
<td valign=top bgcolor="#FFFFFF">
<img alt src="../../images/homepa10.jpg" border="0" name="n00000001_r10_c5"></td>
<td valign=top bgcolor="#FFFFFF">
<img alt src="../../images/homepa11.jpg" border="0" name="n00000001_r10_c7"></td>
</tr>
<tr valign=top>
<!-- begin my profile section -->
<td valign=top bgcolor="#EBF0FA">
<div class="bg_header" style="width: 207px; height: 2px; margin: 0px"><img src="{$site_root}{$template_root}{$template_images_root}/empty.gif" height="2px"></div>
<div class="bg_content" style="width: 205px; height: 260px; margin: 0px">
<div style="height: 2px; font-size:0px">&nbsp;</div>
<div style="margin: 10px">
<table width="170">
<tr><td class="text">{$header.member_since}: </td><td class="text">
<font color="#0066FF">{$page.date_registration}</font></td></tr>
<tr><td class="text">{$header.last_connection}: </td><td class="text">
<font color="#0066FF">{$page.last_login}</font></td></tr>
</table>
<div style="height: 5px; font-size:0px">&nbsp;</div>
<table width="170">
<tr valign=top>
<td class="text">
<img border="0" src="../../images/homepa1.gif"><font class="ua_cell_head"><b><font color="#0066FF">
</font></b><a href="{$profile.edit_link}" class="ua_cell_head">
<font color="#0066FF">{$page.name}</font></a></font><br>
<font class="ua_cell_text">{if $page.city}{$page.city}, {/if}{if $page.region}{$page.region}, {/if}{$page.country}</font><br>
<font class="ua_cell_text"><b>{$page.age} {$lang.home_page.ans}</b></font><br>
<font class="ua_cell_hidden_text">{$page.photo_count} {$lang.users.upload_1}</font><br>
</td>
<td class="text" align=center><a href="{$profile.edit_link}"><img src="{$page.icon_path}" class="my_img"></a></td>
</tr>
</table>
<div style="height: 5px; font-size:0px">&nbsp;</div>
<div class="ua_cell_text">{$lang.homepage.completion}: <b>{$active_user_info.completion}%</b></div>
{if $active_user_info.show_visits}
<div class="ua_cell_text">{$lang.homepage.visit_my_page}: <b>{$active_user_info.visit_my_page}</b></div>
{/if}
{if $active_user_info.show_week_visits || $active_user_info.show_month_visits}
{if $active_user_info.show_week_visits}
<div class="ua_cell_text">{$lang.homepage.visit_my_page_1}: <b>{$active_user_info.visit_my_page_1}</b></div>
{/if}
{if $active_user_info.show_month_visits}
<div class="ua_cell_text">{$lang.homepage.visit_my_page_2}: <b>{$active_user_info.visit_my_page_2}</b></div>
{/if}
{/if}
<div style="background-image: url('{$site_root}{$template_root}{$template_images_root}/border_myprofile.gif'); width: 170px; height: 2px; margin: 10px 0px"><img src="{$site_root}{$template_root}{$template_images_root}/border_myprofile.gif"></div>
<div class="ua_cell_text"><a href="{$profile.edit_link}" class="my_link">{$button.gr_profile}</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="{$profile.addf_link}" class="my_link">{$button.gr_photo}...</a></div>
</div>
</div>
</td>
<!-- end my profile section -->
<!-- begin my account section -->
<td valign=top bgcolor="#EBF0FA">
<div class="bg_header" style="width: 207px; height: 2px; margin: 0px"><img src="{$site_root}{$template_root}{$template_images_root}/empty.gif" height="2px"></div>
<div class="bg_content" style="width: 207px; height: 260px; margin: 0px">
<div style="height: 2px; font-size:0px">&nbsp;</div>
<div style="margin: 10px">
<div class="ua_cell_text">{$header.account_credit}:&nbsp;&nbsp;<font color="#0066FF">{$account.account}&nbsp;{$account.units}</font></div>
<div style="height: 20px; font-size:0px"><br>
&nbsp;<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#EBF0FA" width="100%" id="AutoNumber1" height="156">
<tr>
<td width="12%" style="border-style: none; border-width: medium" height="34">
<a href="{$account.buy_link}">
<img border="0" src="../../images/homepa5.gif"></a></td>
<td width="54%" style="border-style: none; border-width: medium" height="34">&nbsp;<a href="{$account.buy_link}" class="my_link">{$header.account_buy}</a></td>
<td width="34%" style="border-style: none; border-width: medium" height="34">&nbsp;</td>
</tr>
<tr>
<td width="12%" style="border-style: none; border-width: medium" height="34">
<a href="{$account.sign_link}">
<img border="0" src="../../images/homepa4.gif"></a></td>
<td width="54%" style="border-style: none; border-width: medium" height="34">&nbsp;<a class="my_link" href="{$account.sign_link}">{$header.account_sign}</a></td>
<td width="34%" style="border-style: none; border-width: medium" height="34">&nbsp;</td>
</tr>
<tr>
<td width="12%" style="border-style: none; border-width: medium" height="34">
<a href="{$account.alert_link}">
<img border="0" src="../../images/homepa2.gif"></a></td>
<td width="54%" style="border-style: none; border-width: medium" height="34">&nbsp;<a href="{$account.alert_link}" class="my_link">{$header.account_alert}</a></td>
<td width="34%" style="border-style: none; border-width: medium" height="34">&nbsp;</td>
</tr>
<tr>
<td width="12%" style="border-style: none; border-width: medium" height="35">
<a href="{$account.news_link}">
<img border="0" src="../../images/homepa6.gif"></a></td>
<td width="54%" style="border-style: none; border-width: medium" height="35">&nbsp;<a href="{$account.news_link}" class="my_link">{$header.account_news}</a></td>
<td width="34%" style="border-style: none; border-width: medium" height="35">&nbsp;</td>
</tr>
<tr>
<td width="12%" style="border-style: none; border-width: medium" height="35">
<a href="{$account.black_link}">
<img border="0" src="../../images/homepa3.gif"></a></td>
<td width="54%" style="border-style: none; border-width: medium" height="35">&nbsp;<a href="{$account.black_link}" class="my_link">{$header.account_black}</a></td>
<td width="34%" style="border-style: none; border-width: medium" height="35">&nbsp;</td>
</tr>
<tr>
<td width="12%" style="border-style: none; border-width: medium" height="35">
&nbsp;</td>
<td width="54%" style="border-style: none; border-width: medium" height="35">&nbsp;</td>
<td width="34%" style="border-style: none; border-width: medium" height="35">&nbsp;</td>
</tr>
<tr>
<td width="100%" style="border-style: none; border-width: medium" height="35" colspan="3">
&nbsp;</td>
</tr>
</table>
</div>
</div>
</div>
</td>
<!-- end my account section -->
<!-- begin my hotlist section -->
<td valign=top bgcolor="#EBF0FA">
<div class="bg_header" style="width: 207px; height: 2px; margin: 0px"><img src="{$site_root}{$template_root}{$template_images_root}/empty.gif" height="2px"></div>
<div class="bg_content" style="width: 207px; height: 260px; margin: 0px">
<div class="bg_content_add" style="width: 207px; height: 18px; margin: 0px"><div style="padding: 2px 5px"><font class="my_text">{$header.hotlist_header_1}:</font></div></div>
<div style="margin: 10px">
<table>
<tr height=20>
<td width="160"><a href="{$hotlist.visit_link}" class="ua_cell_text"><u>{$header.hotlist_text_1_1}</u></a></td>
<td width="10" align="right"><font class="ua_cell_text"><b>{$hotlist.visit_count}</b></font></td>
</tr>
<tr height=20>
<td width="160"><a href="{$hotlist.kiss_me_link}" class="ua_cell_text"><u>{$header.hotlist_text_1_3}</u></a></td>
<td width="10" align="right"><font class="ua_cell_text"><b>{$hotlist.kiss_me_count}</b></font></td>
</tr>
<tr height=20>
<td width="160"><a href="{$hotlist.emailed_me_link}" class="ua_cell_text"><u>{$header.hotlist_text_1_4}</u></a></td>
<td width="10" align="right"><font class="ua_cell_text">{if $hotlist.emailed_me_new_count}<b>({$hotlist.emailed_me_new_count})</b>{/if} <b>{$hotlist.emailed_me_count}</b></font></td>
</tr>
<tr height=20>
<td width="160"><a href="{$hotlist.meetme_link}" class="ua_cell_text"><u>{$header.hotlist_text_1_2}</u></a></td>
<td width="10" align="right"><font class="ua_cell_text"><b><!-- (0) --></b></font></td>
</tr>
</table>
</div>
<div class="bg_content_add" style="width: 207px; height: 18px; margin: 0px"><div style="padding: 2px 5px"><font class="my_text">{$header.hotlist_header_2}:</font></div></div>
<div class="bg_header" style="width: 207px; height: 2px; margin: 0px"><img src="{$site_root}{$template_root}{$template_images_root}/empty.gif" height="1px"></div>
<div style="margin: 10px">
<table>
<tr height=20>
<td width="160"><a href="{$hotlist.perfect_link}" class="ua_cell_text"><u>{$header.hotlist_text_2_1}</u></a></td>
<td width="10" align="right"><font class="ua_cell_text"><b>{$hotlist.match_count}</b></font></td>
</tr>
<tr height=20>
<td width="160"><a href="{$hotlist.kiss_them_link}" class="ua_cell_text"><u>{$header.hotlist_text_2_3}</u></a></td>
<td width="10" align="right"><font class="ua_cell_text"><b>{$hotlist.kiss_them_count}</b></font></td>
</tr>
<tr height=20>
<td width="160"><a href="{$hotlist.emailed_them_link}" class="ua_cell_text"><u>{$header.hotlist_text_2_4}</u></a></td>
<td width="10" align="right"><font class="ua_cell_text"><b>{$hotlist.emailed_them_count}</b></font></td>
</tr>
<tr height=20>
<td width="160"><a href="{$hotlist.meetthem_link}" class="ua_cell_text"><u>{$header.hotlist_text_2_2}</u></a></td>
<td width="10" align="right"><font class="ua_cell_text"><b><!-- (0) --></b></font></td>
</tr>
</table>
</div>
</div>
</td>
<!-- end my hotlist section -->
</tr>
<tr>
<td colspan=3>
<img border="0" src="../../images/homepa24.gif" width="13" height="10"><br>
<img alt src="../../images/homepa21.gif" border="0" name="n00000001_r6_c3"></td>
</tr>
<tr>
<!-- begin my perfect match section -->
<td colspan=3>
<div class="bg_header" style="width: 627px; height: 2px; margin: 0px"><img src="{$site_root}{$template_root}{$template_images_root}/empty.gif" height="2px"></div>
<div class="bg_content_add" style="width: 627px; height: 180px; margin: 0px">
<table border="0" cellpadding="0" cellspacing="0" height="250">
<tr height="180px" valign=top>
{section name=a loop=$visited}
<td !$smarty.section.a.last}class="bg_home_matches_delimiter" width="125" bgcolor="#EBF0FA" height="250">
<div style="margin: 10px">
<a href="{$visited[a].link}"><img src="{$visited[a].icon_path}" class="my_icon" vspace=5></a><br>
<font class="ua_cell_head"><b>{$visited[a].name}</b></font><br>
<font class="ua_cell_text">{if $visited[a].city}{$visited[a].city}, {/if}{if $visited[a].region}{$visited[a].region}, {/if}{$visited[a].country}</font><br>
<font class="ua_cell_text"><b>{$visited[a].age} {$lang.home_page.ans}</b></font><br>
<font class="ua_cell_hidden_text">{$visited[a].photo_count} {$lang.users.upload_1}</font><br>
</div>
</td>
{/section}
</tr>
</table>
</div>
<div class="bg_header" style="width: 627; height: 1; margin: 0px"><img src="{$site_root}{$template_root}{$template_images_root}/empty.gif" height="2px"></div>
<a href="{$hotlist.perfect_link}">
<img alt="Show more matches" src="../../images/homepa20.gif" border="0" name="n00000001_r2_c6" align="right"></a>
</div>
</td>
<!-- end my perfect match section -->
</tr>
</table>
<!-- end homepage table -->
</td></tr>
</table>
<!-- end main cell -->
</td>

{include file="$gentemplates/index_bottom.tpl"}



PS: le site est identique sauf la mise en page.


Modifié par benhur (01 May 2007 - 04:19)

Bien le bonjour à toi benhur, bienvenue sur Alsacréations

En tant que modérateur, je me dois de te signaler que tu enfrains de nombreuses règles du forum au cours de ton sujet à savoir :

- Un titre non explicite qui ne reflète pas ton problème... Il serait judicieux de le rendre plus explicite ne serait-ce que pour ceux qui effectueront des recherches sur le même thème ou même pour attirer l'attention de ceux qui connaissent la réponse. Actuellement, il y a de fortes chances pour que tu tombes vite dans les bas-fond du salon.

- Le code n'est pas balisé. Pour corriger cela, il te faut éditer ton message (bouton en haut à droite de ton post) puis une fois dans la fenêtre d'édition inclure le code entre [ code] et [ /code] (sans les espaces)

- Peux-tu expliquer plus précisémment ton problème parce qu'actuellement, on a juste compris que tu n'y arrivais pas... mais à quoi au juste ?
Dans tous les cas, ce sera à toi de le faire et nous ne serons là que pour t'orienter.

<edit>
- Il ne faut pas scinder les sujets en plusieurs... (comme je te l'ai précisé en MP) -> Du coup, j'ai supprimé les deux autres messages et je t'invite à poursuivre sur celui-ci.

Nota : Il serait bon de relire les règles du forum.
</edit>

En te remerciant par avance pour le temps que tu prendras à corriger et consulter tout cela.
Modifié par koala64 (01 May 2007 - 04:42)

Salut,

Ca serait aussi bien d'avoir un lien car là... même si tu expliques mieux ton problème, je doute qu'il y ai quelqu'un ici qui sache interpreter ce code tel un navigateur (A moi que le créateur de Firefox soit parmi nous lol).

S'il s'agit d'un problème de mise en page, le code du template ne sert strictement à rien. La mise en page dépendra du code HTML final et du code CSS qui s'y applique, pour l'essentiel.

Un lien vers la page en ligne serait effectivement diablement plus efficace.