Problème de footer
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème de footer
Coucou,
Je navigue avec firefox et je n'arrive pas à finaliser mon code pour mon footer.
Alors, voilà ce que j'ai en ce moment:
https://i.servimg.com/u/f20/16/60/07/41/jai10.png
Et voici ce que je veux:
https://i.servimg.com/u/f20/16/60/07/41/jeveux10.jpg
Donc je veux que le texte aille sur la bande grise et que le bas de page s'arrête pile en bas de l'image.
Voici le CSS que j'ai fait:
et le template:
Merci d'avance pour votre aide !
Je navigue avec firefox et je n'arrive pas à finaliser mon code pour mon footer.
Alors, voilà ce que j'ai en ce moment:
https://i.servimg.com/u/f20/16/60/07/41/jai10.png
Et voici ce que je veux:
https://i.servimg.com/u/f20/16/60/07/41/jeveux10.jpg
Donc je veux que le texte aille sur la bande grise et que le bas de page s'arrête pile en bas de l'image.
Voici le CSS que j'ai fait:
- Code:
#mention_tim
{
float: right;
padding-top: -3px;
padding-right: 10px;
}
#pa_tim
{
float: left;
padding-top: -3px;
padding-left: 10px;
}
body {
background-repeat:repeat-y;
background-position:top center;
background-attachment:fixed;
}
/*--- Espace des côtés du forum ---*/
.bodyline {padding: 0px;}
/*--- Espace Banniere haut ---*/
#i_logo{
margin-bottom: 0px;}
/*--- Espace des côtés du forum (hors Banniere+menu) ---*/
Body {
margin-top: -4px;
}
/*--- Marge du forum ---*/
body{margin-top: 0px;}
body{margin-bottom: -7px;}
.bodylinewidth{
margin-bottom: 0px;
}
et le 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>
<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">
<!-- BEGIN switch_footer_fa_copyrights -->
<div align="center">
<div class="gen">
<img src="http://www.archive-host.com/files/1087240/728d307dec101d749e8d40d4440cf22341a09807/Footer.png">
<div id="footer_tim"><div id="pa_tim"><span id="Settings">{ADMIN_LINK}</span></div><div id="mention_tim"><a href="http://www.forumactif.com/forum-gratuit">Forum </a> | <a href="http://www.forumactif.com/fr/phpbb/">PhpBB</a> | <a href="http://forum.forumactif.com/">Forum gratuit d'entraide</a> | <a href="/statistics">Statistique</a> | <a href="/contact">Contact</a> | <a href="/abuse?page=%2Fcontact&report=1">Signaler un abus</a></div>
</div>
</div>
</div>
<!-- END switch_footer_fa_copyrights -->
<!-- BEGIN switch_footer_links -->
<div align="center">
<div class="gen">
<!-- BEGIN footer_link -->
<!-- BEGIN switch_separator --> | <!-- END switch_separator -->
<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
<!-- END footer_link -->
</div>
</div>
<!-- END switch_footer_links -->
</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>
Merci d'avance pour votre aide !
Dernière édition par Timidou le Mar 28 Juin 2011 - 9:56, édité 2 fois
Re: Problème de footer
Bonjour,
j'ai beau cherché, je ne voit pas apparaitre votre image dans les codes que vous m'avez fournis. Puis-je avoir un lien où je pourrais là voir pour déterminer sa position actuelle, et la position que vous aimeriez par rapport aux autres éléments du footer et de votre forum.
Cordialement.
j'ai beau cherché, je ne voit pas apparaitre votre image dans les codes que vous m'avez fournis. Puis-je avoir un lien où je pourrais là voir pour déterminer sa position actuelle, et la position que vous aimeriez par rapport aux autres éléments du footer et de votre forum.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Problème de footer
Coucou,
la voici:
https://www.archive-host.com/files/1087240/728d307dec101d749e8d40d4440cf22341a09807/Footer.png
Pourtant je l'ai trouvé de suite enfin bon =)
Je vous remercie de votre aide !
la voici:
https://www.archive-host.com/files/1087240/728d307dec101d749e8d40d4440cf22341a09807/Footer.png
Pourtant je l'ai trouvé de suite enfin bon =)
Je vous remercie de votre aide !
Re: Problème de footer
Remplacez votre overall_footer par celui-ci :
et insérez dans votre css :
Est-ce bien ce que vous désiriez ?
- 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>
<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 style="height : 230px;"> </div>
<!-- BEGIN switch_footer_fa_copyrights -->
<div align="center">
<div class="gen">
<div id="footer_tim" valign="bottom"><div id="pa_tim"><span id="Settings">{ADMIN_LINK}</span></div><div id="mention_tim"><a href="http://www.forumactif.com/forum-gratuit">Forum </a> | <a href="http://www.forumactif.com/fr/phpbb/">PhpBB</a> | <a href="http://forum.forumactif.com/">Forum gratuit d'entraide</a> | <a href="/statistics">Statistique</a> | <a href="/contact">Contact</a> | <a href="/abuse?page=%2Fcontact&report=1">Signaler un abus</a></div>
</div>
</div>
</div>
<!-- END switch_footer_fa_copyrights -->
<!-- BEGIN switch_footer_links -->
<div align="center">
<div class="gen">
<!-- BEGIN footer_link -->
<!-- BEGIN switch_separator --> | <!-- END switch_separator -->
<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
<!-- END footer_link -->
</div>
</div>
<!-- END switch_footer_links -->
</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>
et insérez dans votre css :
- Code:
#page-footer {
background-image:url("http://www.archive-host.com/files/1087240/728d307dec101d749e8d40d4440cf22341a09807/Footer.png");
background-repeat : no-repeat;
background-position : top center;
height : 255px;
width : 936px;
}
Est-ce bien ce que vous désiriez ?
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Problème de footer
Waouh, que dire à part parfait ?
Je te remercie grandement pour ta précieuse aide !
Bisous
Je te remercie grandement pour ta précieuse aide !
Bisous
Sujets similaires
» Problème de liens (footer et pseudo)
» Problème de footer en phpbb3
» Problème avec l'image de fond du footer
» Problème Footer avec un code CSS qui ne s'applique pas
» Problème chargement du background et footer
» Problème de footer en phpbb3
» Problème avec l'image de fond du footer
» Problème Footer avec un code CSS qui ne s'applique pas
» Problème chargement du background et footer
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum