AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

-29%
Le deal à ne pas rater :
PC portable – MEDION 15,6″ FHD Intel i7 – 16 Go / 512Go (CDAV : ...
499.99 € 699.99 €
Voir le deal

    Logos non cliquables dans le footer

    So-chan
    So-chan
    FémininAge : 34Messages : 61

    Jeu 21 Mai 2015 - 19:22

    Bonjour !

    J'ai installé il y a quelques temps un QEEL créé par Halloween. Provenant de ce topic.

    Or, j'ai constaté que, sous Chrome, je suis victime d'un bug. En effet, dans le footer, j'ai installé des logos de partenaires et la première ligne est devenue non-cliquable. (Alors que tout fonctionne sous Firefox) Le souci est peut-être simple à résoudre, mais je n'avoue ne pas voir où ça cloche. Si vous pouviez m'aider, s'il vous plait, ce serait fantastique.

    Je vous laisse le lien de mon forum, pour que vous puissiez voir le souci en question : Contes Défaits.
    Et le code du template index-body

    Code:
    {JAVASCRIPT}
    <!-- BEGIN message_admin_index -->
    <table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
       <!-- BEGIN message_admin_titre -->
       <tr>
          <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
       </tr>
       <!-- END message_admin_titre -->
       <!-- BEGIN message_admin_txt -->
       <tr>
          <td class="row1" rowspan="3" align="center" valign="middle">
          <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
          </td>
       </tr>
       <!-- END message_admin_txt -->
    </table>
    <!-- END message_admin_index -->

    <!-- BEGIN switch_user_login_form_header -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
       <!-- BEGIN switch_fb_connect_no -->
       <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
          <tr>
             <td class="row1" align="center">
                <table border="0" cellspacing="0" cellpadding="0">
                   <tr>
                      <td><span class="genmed">{L_USERNAME}:</span> </td>
                      <td><input class="post" type="text" size="10" name="username"/> </td>
                      <td>
                         <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                         <span class="gensmall">{L_AUTO_LOGIN}</span> 
                      </td>
                   </tr>

                   <tr>
                      <td><span class="genmed">{L_PASSWORD}:</span> </td>
                      <td><input class="post" type="password" size="10" name="password"/> </td>
                      <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                   </tr>
                </table>
             </td>
          </tr>
       </table>
       <!-- END switch_fb_connect_no -->

       <!-- BEGIN switch_fb_connect -->
       <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
          <tr>
             <td valign="top" width="100%"  class="row1" align="center">
                <table width="100%">
                   <tr>
                      <td width="55%" valign="middle" align="right">
                         <table class="right">
                            <tr>
                               <td><span class="genmed">{L_USERNAME}:</span> </td>
                               <td><input class="post" type="text" size="10" name="username"/> </td>
                               <td>
                                  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                  <span class="gensmall">{L_AUTO_LOGIN}</span> 
                               </td>
                            </tr>

                            <tr>
                               <td><span class="genmed">{L_PASSWORD}:</span> </td>
                               <td><input class="post" type="password" size="10" name="password"/> </td>
                               <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                            </tr>
                         </table>
                      </td>
                      <td width="10%" align="center" valign="middle">
                         <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                      </td>
                      <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                   </tr>
                </table>
             </td>
          </tr>
       </table>
       <!-- END switch_fb_connect -->
    </form>
    <!-- END switch_user_login_form_header -->

    {CHATBOX_TOP}
    {BOARD_INDEX}
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
       <tr>
          <td width="50%" valign="top">
             <!-- BEGIN switch_user_logged_in -->
             <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
             <!-- END switch_user_logged_in -->
             <!-- BEGIN switch_delete_cookies -->
             <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
             <!-- END switch_delete_cookies -->
             </span>
          </td>
          <td width="50%" align="right">
             <span class="gensmall">
                
                <!-- BEGIN switch_on_index -->
                   <!-- BEGIN switch_delete_cookies -->
                   <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
                   <!-- END switch_delete_cookies -->
                <!-- END switch_on_index -->
             </span>
          </td>
       </tr>
    </table>

    <!-- BEGIN switch_user_login_form_footer -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
       <!-- BEGIN switch_fb_connect_no -->
       <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
          <tr>
             <td class="row1" align="center">
                <table border="0" cellspacing="0" cellpadding="0">
                   <tr>
                      <td><span class="genmed">{L_USERNAME}:</span> </td>
                      <td><input class="post" type="text" size="10" name="username"/> </td>
                      <td>
                         <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                         <span class="gensmall">{L_AUTO_LOGIN}</span> 
                      </td>
                   </tr>

                   <tr>
                      <td><span class="genmed">{L_PASSWORD}:</span> </td>
                      <td><input class="post" type="password" size="10" name="password"/> </td>
                      <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                   </tr>
                </table>
             </td>
          </tr>
       </table>
       <!-- END switch_fb_connect_no -->

       <!-- BEGIN switch_fb_connect -->
       <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
          <tr>
             <td valign="top" width="100%"  class="row1" align="center">
                <table width="100%">
                   <tr>
                      <td width="55%" valign="middle">
                         <table class="right">
                            <tr>
                               <td><span class="genmed">{L_USERNAME}:</span> </td>
                               <td><input class="post" type="text" size="10" name="username"/> </td>
                               <td>
                                  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                  <span class="gensmall">{L_AUTO_LOGIN}</span> 
                               </td>
                            </tr>

                            <tr>
                               <td><span class="genmed">{L_PASSWORD}:</span> </td>
                               <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                               <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                            </tr>
                         </table>
                      </td>
                      <td width="10%" align="center" valign="middle">
                         <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                      </td>
                      <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                   </tr>
                </table>
             </td>
          </tr>
       </table>
       <!-- END switch_fb_connect -->
    </form>
    <!-- END switch_user_login_form_footer -->

              <!-- BEGIN disable_viewonline -->
                <link href='http://fonts.googleapis.com/css?family=Dancing+Script|Six+Caps' rel='stylesheet' type='text/css'>
                <div class="fond_qeel"><br /><br /><div class="titre_principal">Qui est en ligne ?</div>
                      <div class="titre_secondaire">Et avec qui parler ?</div>
            <br /><img src="http://img4.hostingpics.net/pics/241836qeel2.png" style="width: 100%; border-top: 2px solid #CCAA87; border-bottom: 2px solid #CCAA87;" />
            <div style="background-color: #EDDDBB; height: 260px;">
                  <br /><br />
                    <br />
                  <div class="titre_bloc" style="left: 2.5em;">Statistiques</div>
                    <div class="bloc_stat">{TOTAL_POSTS}.<br />{TOTAL_USERS}.<br />
                    {NEWEST_USER}.<br />
                    {TOTAL_USERS_ONLINE}<br /><br />{LOGGED_IN_USER_LIST}</div>
                  <div class="titre_bloc" style="left: 13em;">Groupes</div>
                    <div class="bloc_groupes"><div class="groupe_onglets">
                      <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_royautes" onmouseover="javascript:change_groupe_onglet('royautes');"><font color=#cc3f3f>Royautés</font></span>
                      <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_criminels" onmouseover="javascript:change_groupe_onglet('criminels');"><font color=#ECC049>Criminels</font></span>
                      <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_inventeurs" onmouseover="javascript:change_groupe_onglet('inventeurs');"><font color=#46C066>Inventeurs</font></span>
                      <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_androides" onmouseover="javascript:change_groupe_onglet('androides');"><font color=#4394a8>Androïdes</font></span>
                      <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_hybrides" onmouseover="javascript:change_groupe_onglet('hybrides');"><font color=#ab5a1b>Hybrides</font></span>
                  <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_fees" onmouseover="javascript:change_groupe_onglet('fees');"><font color=#28304D>Fées</font></span>
                      <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_sorcieres" onmouseover="javascript:change_groupe_onglet('sorcieres');"><font color=#9E9898>Sorcières</font></span>
                      <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_autres" onmouseover="javascript:change_groupe_onglet('autres');"><font color=#793E94>Autres</font></span>
                      </div></div><br /><br /><br /><br /><br />
                  <div class="titre_bloc" style="left: 13em;">Voyageurs</div>
                    <div class="bloc_connectes"><table id="kaboum">{L_CONNECTED_MEMBERS}</table></div>
           
                  <script type="text/javascript">
                            //<!--
                                    function change_groupe_onglet(name)
                                    {
                                            document.getElementById('groupe_onglet_'+anc_groupe_onglet).className = 'groupe_onglet_0 groupe_onglet';
                                            document.getElementById('groupe_onglet_'+name).className = 'groupe_onglet_1 groupe_onglet';
                                            document.getElementById('contenu_groupe_onglet_'+anc_groupe_onglet).style.display = 'none';
                                            document.getElementById('contenu_groupe_onglet_'+name).style.display = 'block';
                                            anc_groupe_onglet = name;
                                    }
                            //-->
                            </script>
                  <br />
                  <div class="contenu_groupe_onglets">
                 
                <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_royautes"><span style="color: #cc3f3f; font-weight: bold;">Royautés</span> • La royauté ne se résume pas qu'à un couple de dirigeants soumettant un pays à ses moindres caprices. Elle englobe toute la famille avec ses nombreux enfants, cousins, oncles et autres membres éloignés. Chacun possède ses propres terres allant de l'empereur jusqu'au comte. Ils sont tous liés par un sang royal, voire princier.</div>
                 
                <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_criminels"><span style="color: #FFED87; font-weight: bold;">Criminels</span> • Bandits de grand chemin, pirates assoiffés de trésors ou chef de gang, tous ont agis hors des limites de la société, s'amusant aux dépends de la justice. Certains mènent ainsi une double vie, cachant leurs crimes sous les atours d'une bonne conduite. D'autres mènent leurs exploits au grand jour, appréciant la réputation qu'on leur donne. Les criminels ont de multiples visages.</div>
                 
                <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_inventeurs"><span style="color: #46C066; font-weight: bold;">Inventeurs</span> • Pionniers de la science et du progrès, ils ne cessent jamais de créer de nouveaux objets aussi bien pour améliorer le quotidien de chacun, que pour leur propre profit. Leur imagination sans limite leur permet d'innover sans cesse, mais ces créations peuvent aussi bien servir le bien que le mal. Combien d'inventeurs se sont laissés avoir par l'appât du gain, aidant des guerres à se réaliser ? Beaucoup trop, sans nul doute. Le progrès s'accompagne parfois d'échecs, d'accidents et de victimes, plus ou moins consentantes.</div>

                <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_androides"><span style="color: #4394a8; font-weight: bold;">Androïdes</span> • Créations de l'inventeur Vasile Duca, cachés pendant un temps dans les sous-sols d'un asile roumain, les Androïdes représentent une nouvelle étape de l'évolution humaine. La parfaite symbiose entre l'humain et la machine. Véritables expériences de laboratoire, chacun d'eux s'est vu affublé d'appendices métalliques, remplaçant/s'ajoutant à leurs membres humains et/ou leur organes. Ces ajouts ne peuvent être retirés, sans quoi ils meurent. Certains se réfugient en Espagne, nouvelle terre d'asile qui les respecte.</div>
                   
                <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_hybrides"><span style="color: #ab5a1b; font-weight: bold;">Hybrides</span> • Ils étaient humains avant, jusqu'au jour où la magie les toucha, les changeant à jamais. Sort lancé par une sorcière ou une fée, flux magique baignant un lieu... Les possibilités sont multiples. Chaqye hybride a gardé des caractéristiques de son ancienne nature humaine sur laquelle s'est greffée une nature extérieure. Certains possèdent ainsi des caractéristiques animales, voire végétales, ou d'autres encore indéfinissables.</div>

                    <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_fees"><span style="color: #28304D; font-weight: bold;">Fées</span> • Loin d'être de minuscules créatures vivant dans les fleurs, les fées ont le même physique que que n'importe quel humain. Elles ont surtout un goût particulier pour la Nature, lieu où elles se sentent le plus à l'aise et sont les plus puissantes. Certaines pourtant se sont habituées aux villes, jouant le rôle de fée-marraine aussi bien pour payer le loyer que pour s'amuser aux dépens des humains. Minoritaires, il existe pourtant des hommes parmi les fées.</div>

                <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_sorcieres"><span style="color: #938D8D; font-weight: bold;">Sorcières</span> • Dépourvues de chapeaux pointus et de balais volants, les sorcières ne sont rien d'autre que des humains s'étant lancés dans les arcanes de la magie.Elles manipulent la magie via leur pouvoir mais surtout des artefacts où elles insufflent leur magie, comme des philtres, potions, grimoires, baguettes, etc. Commercer avec une sorcière relève toujours du danger : celles-ci agissent avant tout pour elles-mêmes et leurs services coûtent chers. Contrairement aux fées, elles ont réussi à s'adapter au monde moderne.</div>
                   
                <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_autres"><span style="color: #793E94; font-weight: bold;">Autres</span> • N'entrant dans aucune catégorie, ce sont pour la plupart des personnes sans histoire, que vous pouvez croiser au coin de la rue. Certains tiennent des boutiques, d'autres préfèrent voyager et vivre au jour le jour. Leurs histoires ne sont pourtant pas dénuées d'intérêt. Allez donc leur demander, certains ont vu de nombreuses choses, d'autres ont vécu des histoires à en faire pleurer les chaumières. Un jour, ces inconnus deviendront peut-être des héros.</div>

                    </div>
             
                    <script type="text/javascript">
                            //<!--
                                    var anc_groupe_onglet = 'royautes';
                                    change_groupe_onglet(anc_groupe_onglet);
                            //-->
              </script></div><div class="credits"><a href="http://www.never-utopia.com/">♈ Halloween</a></div><br /><br /></div>

                    <!-- END disable_viewonline -->
    {CHATBOX_BOTTOM}
    <br clear="all" />
    <!-- BEGIN switch_legend -->
    <table border="0" cellspacing="0" cellpadding="0" align="center">
       
    </table>
    <!-- END switch_legend -->

    {AUTO_DST}

    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({
       appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
         status: true,
         cookie: true,
         xfbml: true,
        oauth: true
    });
    //]]>
    </script>
    </div></table></center>
    <!-- END switch_fb_index_login -->

    Merci d'avance pour votre réponse. S'il manque des informations pertinentes, n'hésitez pas à me le demander !


    Dernière édition par So-chan le Ven 22 Mai 2015 - 0:07, édité 1 fois
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Jeu 21 Mai 2015 - 20:27

    Coucou :)

    Décidément, ces temps ci ce beau petit LS a du succès ♥

    Si tu enlèves les 2 balises br ici, c'est mieux ?
    Code:
    </div><div class="credits"><a href="http://www.never-utopia.com/">♈ Halloween</a></div><br /><br /></div>

    On ne voit pas très bien le crédit d'Halloween :
    Logos non cliquables dans le footer MgT6NAe

    Je te conseille ici de modifier la valeur pour mettre 245px :
    Code:
    <div style="background-color: #EDDDBB; height: 260px;">
    Ça donnera ceci, Comme ça on verra mieux le crédit d'Halloween :)
    Logos non cliquables dans le footer E4zJz2e


    So-chan
    So-chan
    FémininAge : 34Messages : 61

    Ven 22 Mai 2015 - 0:06

    Bonsoir Nihil ! Et merci beaucoup, effectivement c'était tout bête, Du coup je n'ai plus de bug. Et merci pour le crédit, je l'ai modifié comme tu l'as dit pour le rendre plus visible. Merci encore et bonne soirée !
    Contenu sponsorisé


      La date/heure actuelle est Dim 28 Avr 2024 - 2:52