Problème de footer

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème de footer

Message par Timidou le Lun 27 Juin 2011 - 12:49

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:
http://i20.servimg.com/u/f20/16/60/07/41/jai10.png

Et voici ce que je veux:
http://i20.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

Timidou
**

Masculin
Messages : 54
Inscrit(e) le : 09/07/2010

http://tb-world.site-forums.com/
Timidou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de footer

Message par SoraNoHime le Lun 27 Juin 2011 - 14:56

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.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de footer

Message par Timidou le Lun 27 Juin 2011 - 15:57

Coucou,
la voici:
http://www.archive-host.com/files/1087240/728d307dec101d749e8d40d4440cf22341a09807/Footer.png

Pourtant je l'ai trouvé de suite enfin bon =)
Je vous remercie de votre aide !

Timidou
**

Masculin
Messages : 54
Inscrit(e) le : 09/07/2010

http://tb-world.site-forums.com/
Timidou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de footer

Message par SoraNoHime le Mar 28 Juin 2011 - 2:13

Remplacez votre overall_footer par celui-ci :

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
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de footer

Message par Timidou le Mar 28 Juin 2011 - 9:56

Waouh, que dire à part parfait ?
Je te remercie grandement pour ta précieuse aide !
Bisous

Timidou
**

Masculin
Messages : 54
Inscrit(e) le : 09/07/2010

http://tb-world.site-forums.com/
Timidou a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum