Problème Footer Bouton_activeProblème Footer Bouton_hoverProblème Footer Fb-hoverProblème Footer Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Problème Footer EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème Footer EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème Footer EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème Footer EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème Footer EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème Footer EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème Footer EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème Footer EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -55%
Friteuse sans huile – PHILIPS – Airfryer ...
Voir le deal
49.99 €

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Problème Footer

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Nikos
Nikos
{ Membre }
{ Membre }

Masculin Messages : 118



Problème Footer Empty
Bonjour,

Pour faire simple je vais commencer par montrer de quoi je parle:
Spoiler:

Voilà j'ai installé cette barre dans mon footer à l'aide du tutoriel qui consistait à mettre une barre hitskinienne sur son forum. J'ai donc remplacé certaines valeurs pour qu'elle rentre dans le bas du forum. Seul problème: la barre ne fait pas toute la largeur du forum, y'a un vide à gauche et à droite.

Voici mon code:
Code:
<table style="position: relative; left: 0px; bottom: 0px; right: 0px; background-image: url('http://img690.imageshack.us/img690/290/footki.jpg'); background-repeat: repeat-x; z-index:1000; width: 100%; height: 150px; margin-bottom: -15px;" ><tr><td><div class="links"><strong>{ADMIN_LINK}</strong><a href="http://egravity.1fr1.net/"><strong>eGravity</strong></a> |{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}<br></div>
</td></tr></table>

En espérant que quelqu'un trouve une solution à mon problème.

Amicalement,
Nikos.
MessageSujet: Problème Footer   Problème Footer EmptyJeu 10 Fév 2011, 06:16
Revenir en haut Aller en bas
Taz
Taz
{ Membre }
{ Membre }

Féminin Messages : 18



Problème Footer Empty
Hey Nikos !
    Si j'ai bien compris ce que tu veux faire, ton code était tout simplement placer au mauvaise endroit. Il était encore dans la structure du forum ce qui fait qu'il ne prenait pas toute la page. Donc le code que tu affiché dans ton post tu le colle juste après ceci ;

    Code:
    {PROTECT_FOOTER}
          </td>
       </tr>
    </table>

    Et ça devrait fonctionné, chez moi ça marche. (:
MessageSujet: Re: Problème Footer   Problème Footer EmptyJeu 10 Fév 2011, 14:04
Revenir en haut Aller en bas
Nikos
Nikos
{ Membre }
{ Membre }

Masculin Messages : 118



Problème Footer Empty
T'es dans quel template là? :/

Il est déjà tout en bas mon code
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" -->
        {PROTECT_FOOTER}
      </td>
  </tr>
</table>
<br>

<!-- 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 src="http://files.o-side.com/upload/julian/jquery.js" type="text/javascript"></script>
<script src="http://files.o-side.com/upload/julian/s3Slider.js" type="text/javascript"></script>

<script type="text/javascript">
//<![CDATA[
  fa_endpage();
//]]>
</script>
<table style="position: relative; left: 0px; bottom: 0px; right: 0px; background-image: url('http://img690.imageshack.us/img690/290/footki.jpg'); background-repeat: repeat-x; z-index:1000; width: 100%; height: 150px; margin-bottom: -15px;" ><tr><td><div class="links"><strong>{ADMIN_LINK}</strong><a href="http://egravity.1fr1.net/"><strong>eGravity</strong></a> |{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}<br></div>
</td></tr></table>
</body>
</html>
MessageSujet: Re: Problème Footer   Problème Footer EmptyJeu 10 Fév 2011, 14:08
Revenir en haut Aller en bas
Taz
Taz
{ Membre }
{ Membre }

Féminin Messages : 18



Problème Footer Empty
    Dans overall_footer. Mais je vois, on a pas le même truc. Moi normalement ça donnait ceci :
    http://codeteste.forumotion.com

    Maintenant je ne sais pas si c'est le résultat que tu souhaites avoir. T'as déjà modifier ce code pour autre chose auparavant ?


MessageSujet: Re: Problème Footer   Problème Footer EmptyJeu 10 Fév 2011, 14:15
Revenir en haut Aller en bas
Nikos
Nikos
{ Membre }
{ Membre }

Masculin Messages : 118



Problème Footer Empty
Même en supprimant mon template et en le remodifiant uniquement avec la table que j'avais codée ça me fait la même chose, j'ai pas le morceau de code que tu m'as montré ...
MessageSujet: Re: Problème Footer   Problème Footer EmptyJeu 10 Fév 2011, 14:24
Revenir en haut Aller en bas
Taz
Taz
{ Membre }
{ Membre }

Féminin Messages : 18



Problème Footer Empty
Ton forum est bien en phpVBB2 ?

Si oui, remplace ton Template par ça ;

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 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 -->
                   |&nbsp;<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}
               </div>
            </div>
         </div>
         {PROTECT_FOOTER}
      </td>
   </tr>
</table>
<table style="position: relative; left: 0px; bottom: 0px; right: 0px; background-image: url('http://img690.imageshack.us/img690/290/footki.jpg'); background-repeat: repeat-x; z-index:1000; width: 100%; height: 150px; margin-bottom: -15px;" ><tr><td><div class="links"><strong>{ADMIN_LINK}</strong><a href="http://egravity.1fr1.net/"><strong>eGravity</strong></a> |{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}<br></div>
</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>
MessageSujet: Re: Problème Footer   Problème Footer EmptyJeu 10 Fév 2011, 14:25
Revenir en haut Aller en bas
Nikos
Nikos
{ Membre }
{ Membre }

Masculin Messages : 118



Problème Footer Empty
Oula, ça doit venir d'autre chose vu que ça change rien :/
MessageSujet: Re: Problème Footer   Problème Footer EmptyJeu 10 Fév 2011, 14:29
Revenir en haut Aller en bas
Taz
Taz
{ Membre }
{ Membre }

Féminin Messages : 18



Problème Footer Empty
J'peux voir ton forum ? Parce qu'avec la screen j'ai pas très bien compris.
MessageSujet: Re: Problème Footer   Problème Footer EmptyJeu 10 Fév 2011, 14:30
Revenir en haut Aller en bas
Nikos
Nikos
{ Membre }
{ Membre }

Masculin Messages : 118



Problème Footer Empty
http://test-nikos-2.forumactif.com/
MessageSujet: Re: Problème Footer   Problème Footer EmptyJeu 10 Fév 2011, 14:31
Revenir en haut Aller en bas
Taz
Taz
{ Membre }
{ Membre }

Féminin Messages : 18



Problème Footer Empty
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" -->
        {PROTECT_FOOTER}
      </td>
  </tr>
</table>
<table style="position: relative; left: 0px; bottom: 0px; right: 0px; background-image: url('http://img690.imageshack.us/img690/290/footki.jpg'); background-repeat: repeat-x; z-index:1000; width: 100%; height: 150px; margin-bottom: -15px;" ><tr><td><div class="links"><strong>{ADMIN_LINK}</strong><a href="http://egravity.1fr1.net/"><strong>eGravity</strong></a> |{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}<br></div>
</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 src="http://files.o-side.com/upload/julian/jquery.js" type="text/javascript"></script>
<script src="http://files.o-side.com/upload/julian/s3Slider.js" type="text/javascript"></script>

<script type="text/javascript">
//<![CDATA[
  fa_endpage();
//]]>
</script>

</body>
</html>

Et ceci ? On va y arriver. xD
MessageSujet: Re: Problème Footer   Problème Footer EmptyJeu 10 Fév 2011, 14:36
Revenir en haut Aller en bas
Nikos
Nikos
{ Membre }
{ Membre }

Masculin Messages : 118



Problème Footer Empty
Toujours pas ... x)
Je comprends vraiment pas pourquoi chez toi ça marche et pas chez moi ! o.O
MessageSujet: Re: Problème Footer   Problème Footer EmptyJeu 10 Fév 2011, 14:38
Revenir en haut Aller en bas
Taz
Taz
{ Membre }
{ Membre }

Féminin Messages : 18



Problème Footer Empty
Bin oui c'est ça qui me turlupine... Dit moi, t'as mis un code pour le fond de ton forum ? Parce que je pense que ça vient de ça. Si tu as mis un padding ou quoi qu'est-ce.
MessageSujet: Re: Problème Footer   Problème Footer EmptyJeu 10 Fév 2011, 14:44
Revenir en haut Aller en bas
Nikos
Nikos
{ Membre }
{ Membre }

Masculin Messages : 118



Problème Footer Empty
J'ai essayé d'enlever tous mes CSS voir si ça venais de là, aucun changement.
J'ai essayé de virer les autres templates que j'avais modifié, aucun changement.

Je vois vraiment pas d'où viens ce problème, c'est vraiment étrange ...
MessageSujet: Re: Problème Footer   Problème Footer EmptyJeu 10 Fév 2011, 15:31
Revenir en haut Aller en bas
http://digs.forumactif.com/forum
[Five]
[Five]
{ Membre }
{ Membre }

Masculin Messages : 12



Problème Footer Empty
Hello...
Peut être cela vient des marges de la balise body ? Essaye d'ajouter :
Code:
body { margin: 0; padding: 0; }
MessageSujet: Re: Problème Footer   Problème Footer EmptyJeu 10 Fév 2011, 16:12
Revenir en haut Aller en bas
Nikos
Nikos
{ Membre }
{ Membre }

Masculin Messages : 118



Problème Footer Empty
Yes ça marche !!!
Merci Five Wink
Et merci à toi Taz d'avoir essayé ! (:
MessageSujet: Re: Problème Footer   Problème Footer EmptyJeu 10 Fév 2011, 16:42
Revenir en haut Aller en bas
Taz
Taz
{ Membre }
{ Membre }

Féminin Messages : 18



Problème Footer Empty
Ouais j'me disais bien que ça venait du fond. Merci pour le code Five (:
MessageSujet: Re: Problème Footer   Problème Footer EmptyVen 11 Fév 2011, 14:39
Revenir en haut Aller en bas
http://digs.forumactif.com/forum
[Five]
[Five]
{ Membre }
{ Membre }

Masculin Messages : 12



Problème Footer Empty
Mais de rien.
J'utilise souvent ce code d'ailleurs, pour faire mes header/footer justement.
MessageSujet: Re: Problème Footer   Problème Footer EmptySam 12 Fév 2011, 11:13
Revenir en haut Aller en bas
Contenu sponsorisé




Problème Footer Empty
MessageSujet: Re: Problème Footer   Problème Footer Empty
Revenir en haut Aller en bas
 

Problème Footer

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Problème Template Overall Footer
» [résolu]Problème décalage Navigation et footer
» Problème tableau de défilement des partenaires dans le footer [Résolu ^^]
» [RESOLU] Problème Divers - Qeel, slideshow infini horizontale, et navigation en footer
» Les sujets de n'affichent plus + footer.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit