Bonjour,
J'ai un petit soucis quand j'essaye de placer une image en bas de page. En effet j'aimerai mettre une image qui soit aussi large que mon image de fond, donc si je met cette image simplement dans mon template Overall_footer de la façon suivante cela me déforme tout mon forum:
- Code:
-
<img src="URL IMAGE" alt="">
J'ai ensuite essayé par le biais d'une div et d'ensuite régler tout ça via CSS, mais pareil ça me déforme tout.
J'ai ensuite essayé le tutoriel de Orange qui explique comment mettre une barre Hitskin, j'ai réalisé ce tutoriel pour mettre mon image en haut du forum alors j'ai donc essayé de faire de même dans le template Overall_footer en utilisant ce même code, mais rien ne s'affiche !
Je vous donne tout de même le code de mon template:
- Code:
-
<!-- BEGIN html_validation -->
<!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">
<body>
<table>
<tr>
<td>
<div>
<div>
<table>
<tbody>
<tr>
<td>
<!-- END html_validation -->
<td valign="top" width="{C3SIZE}">
<div id="{ID_RIGHT}">
<!-- BEGIN giefmod_index2 -->
{giefmod_index2.MODVAR}
<!-- BEGIN saut -->
<div style="height: {SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index2 -->
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- close div id="page-body" -->
<div id="page-footer">
<div align="center">
<div class="gen">
<strong>{ADMIN_LINK}</strong>{U_VERSION_RTL}{U_CREATE_A_FORUM}{U_VERSION} {U_SUPPORT}
<!-- BEGIN switch_view_stats -->
| <a name="bottom" href="/{switch_view_stats.S_STATS}" class="copyright" rel="nofollow">{switch_view_stats.L_STATS}</a>
<!-- END switch_view_stats -->
<!-- BEGIN switch_view_donation -->
| <a name="bottom" href="/{switch_view_donation.U_DONATION}" class="copyright" rel="nofollow">{switch_view_donation.L_MAKE_DONATION}</a>
<!-- END switch_view_donation -->
<!-- BEGIN switch_view_contact -->
| <a name="bottom" href="/{switch_view_contact.U_CONTACT}" class="copyright" rel="nofollow">{switch_view_contact.L_CONTACT}</a>
<!-- END switch_view_contact -->
{U_ABUSE} {U_BLOG}
<table style="position: fixed; left: 0px; top: 0px; right: 0px; background-image: url('http://img253.imageshack.us/img253/7899/foot.png'); background-position: top; height: 52px; z-index:1000; width: 100%;" ><tr><td>
</td></tr></table>
</div>
</div>
</div>
{PROTECT_FOOTER}
</td>
</tr>
</table>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true});
//]]>
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
if ($('a#logout'))
{
var lien_redir = $('a#logout').attr('href');
if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
{
document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
}
}
});
$(document).ready( function() {
$('a#logout').click( function() {
FB.logout();
} );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
Sachant que la partie modifiée est la suivante:
- Code:
-
<!-- END switch_view_contact -->
{U_ABUSE} {U_BLOG}
<table style="position: fixed; left: 0px; top: 0px; right: 0px; background-image: url('http://img253.imageshack.us/img253/7899/foot.png'); background-position: top; height: 52px; z-index:1000; width: 100%;" ><tr><td>
</td></tr></table>
Donc voilà j'aimerai bien savoir pourquoi mon code ne marche pas et comment je pourrai le corriger afin d'avoir mon image dans le bas de la page?
Merci à vous.