Visualisation différente quand connecté ou déconnecté

par L'ange noir Dim 4 Juin 2017 - 18:09

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://sangsmelesoriginels.forumactif.com/

Description du problème

Bonjour

J'arrive doucement à la fin de nouvelle version de mon forum mais je rencontre un nouveau problème. Cela concerne le footer en bas de page. J'ai placé les partenaires juste en dessous de la Chat Box. Quand je suis connectée, ils sont bien à leur place. Quand je suis déconnectée, ils glissent en partie sous le CB.

Voici mes codes :

Dans la feuille de CSS :

Code:: /* footer partenaires */ #blocfooter { width: 70%; padding-top: 40px; } #blocfooter img { margin-right: 6px; width: 94px; height: 37px; } #blocfooter img:hover { -webkit-animation-origin: center center; -moz-animation-origin: center center; -ms-animation-origin: center center; -o-animation-origin: center center; animation-origin: center center; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

Voici le code sur Overall-footer-end

Code::  <!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> <div>  </div> </div>  <div align="center"> <div class="gen">   |  <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>  </div> </div>  </div> {PROTECT_FOOTER} </td> </tr> </table> <table id="blocfooter"> <tr> <td> <center> <a href="http://atlantisinsurrection.forumactif.fr"><img src="http://image.noelshack.com/fichiers/2014/32/1407326857-bouton8831pegase.png" /></a> <a href="http://clan-kravt.fr/index.php"><img src="http://www.pixenli.com/images/1437/1437740289001813800.png" /></a> <a href="http://black-out.forumactif.org"><img src="http://img4.hostingpics.net/pics/364734boutonBOlight100x35.gif" /></a> <a href="http://www.reversa-rpg.com"><img src="http://img15.hostingpics.net/pics/181411boutonpart1.png" /></a> <a href="http://autresvies.forumgratuit.org"><img src="http://i40.servimg.com/u/f40/11/60/23/04/cadre_15.png" /></a> <a href="http://xmhorizon.forumactif.org/"><img src="http://img15.hostingpics.net/pics/360527BOUTON.jpg" /></a> <a href="http://marbrume.forumrpg.org"><img src="http://i21.servimg.com/u/f21/12/99/58/89/bouton11.jpg" /></a> <a href="http://asaria-evolution.forumactif.org"><img src="http://img4.hostingpics.net/pics/663170368006asatest.gif" /></a> <a href="http://darkdawnsymphony.forumgratuit.org"></a> <a href="http://divinetemptation.forumactif.org/" target="_blank"><img src="http://img4.hostingpics.net/pics/537513DivineTemptation3.jpg" /></a> <a href="http://thedepraveddominance.forumdiet.net"><img src="http://i.imgur.com/rcYsLLm.png" /></a> <a href="http://laserenissime.forumactif.org"><img src="http://zupimages.net/up/17/14/tcxq.gif" /></a> </center> </td> </tr> </table>  <div id="fb-root"></div> <script type="text/javascript"> FB.init({ appId : {switch_facebook_login.FACEBOOK_APP_ID}, cookie : true, xfbml : true, oauth : true, version : 'v2.3' }); (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script>   <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>  <script type="text/javascript"> //<![CDATA[ fa_endpage(); //]]> </script> </body> </html>

Merci de bien vouloir me dire ce qui cloche, s'il vous plait... Smile

par MlleAlys Dim 4 Juin 2017 - 19:22

Bonjour,
dans votre css, localisez et supprimez le code suivant :

Code:: #page-footer { margin: 320px 0 -410px; }

C'est la marge négative qui pose problème ici, je ne sais pas quel était l'effet recherché avec ce code mais il va falloir trouver quelque chose de plus rigoureux ^^".

par L'ange noir Dim 4 Juin 2017 - 22:58

Je débute en codage entre les templates et la feuille css. Alors question rigueur, ça va être difficile, parce que je n'ai aucune idée de ce qui peut être rigoureux... Smile

Sinon, merci pour ta réponse, ça fonctionne trop bien et en plus ça me retire ce grand espace que j'avais. Deux solutions en une réponse..... I love you

Visualisation différente quand connecté ou déconnecté