Problèmes d'Html

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

Résolu Problèmes d'Html

Message par edaem le Dim 25 Sep 2011 - 17:34

Bonjour à vous!

Le titre est très vague, pardonnez-moi. Au fond, je voudrais solliciter votre aide sur quelques astuces d'html qui dépassent mes connaissances. Depuis peu, je me suis intéressée au fonctionnement d'html et pour la première fois, j'ai essayé de l'intégrer sur un forum à l'aide des templates. Étonnement, je ne suis pas aussi nulle que je le croyais au départ! ^^ En fait, j'ai modifier quelques petites choses seulement pour le visuel, par exemple le qeel, les catégories, etc. Autant ai-je suivie de vos tutoriels que ceux en ligne. Bref! Je déparle! Quelques petits problèmes minimes doivent évidemment faire surface. Je me demandais si vous pouviez m'aider à les résoudre!

Alors, commençons avec le problème qui me tape sur les nerfs.
Dans mon QEEL, j'ai ajouté une boîte où les ''Membres connectés au cours des 24 dernières heures'' seraient inscrits. Au début, j'ai essayé de mettre les utilisateurs en ligne, mais j'ai changé d'idée. Au premier essai avec les utilisateurs en ligne, il n'y avait aucun défaut, aucun problème. Mais avec les membres des 24 dernières heures, le texte refuse d'être à l'intérieur de la boîte, et même, on dirait, à l'intérieur de Qeel. Voyez par vous-même: http://undergroundfreedom.canadian-forum.com/
Mon template index_body :
Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" 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" perms="{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 -->
         
<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">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>

            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>

            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               
<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"/> </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" perms="{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 -->
<center><div class="box1">
<center>
<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" />
<table class="forumline" width="100%" border="0" cellspacing="8" cellpadding="0">
<tr><td><div class="box4" onmouseover="this.className='box4over'" onmouseout="this.className='box4'">
<div class="text"><span id="bert">{TOTAL_USERS}  <script type="text/javascript">
document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/membre enregistré/,"personne");
document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nous avons/,"Nous comptons");</script><script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/membres enregistrés/,"personnes");</script></span>
 circulant dans les corridors de l'Orphelinat Uriella Faith, endroit sombre et dépourvu d'espoir.<span id="post">{TOTAL_POSTS}
<script type="text/javascript">
document.getElementById('post').innerHTML=document.getElementById('post').innerHTML.replace(/Nos membres ont posté un total de/,"Un total de");
document.getElementById('post').innerHTML=document.getElementById('post').innerHTML.replace(/messages/,"activités");
document.getElementById('post').innerHTML=document.getElementById('post').innerHTML.replace(/message/,"activité");</script></span> ont été reportées, autant légales qu'illégales. Souhaitons la bienvenue dans cet enfer <span id="new">{NEWEST_USER}
<script type="text/javascript">
document.getElementById('new').innerHTML=document.getElementById('new').innerHTML.replace(/L'utilisateur enregistré le plus récent est /,"au dernier arrivé qui n'est nul autre que ");</script></span>
.</div></div>
</div></td>
<td><div class="box4" onmouseover="this.className='box4over'" onmouseout="this.className='box4'">
<div class="text">{GROUP_LEGEND}<br>
<br>
{TOTAL_USERS_ONLINE}<br>
<br>
{LOGGED_IN_USER_LIST}</div>
</div></center></td>
</tr>
</table>
<div class="box5"><div class="text"><span id="conn">{L_CONNECTED_MEMBERS}<script type="text/javascript">
document.getElementById('conn').innerHTML=document.getElementById('conn').innerHTML.replace(/Membres connectés au cours des 24 dernières heures : /,"En ligne depuis la veille :");</script></span></div></center>
</div></center>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}

            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
         </span>
      </td>
   </tr>
   <!-- END switch_chatbox_activate -->

<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />

{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
});
//]]>
</script>
<!-- END switch_fb_index_login -->
Mon CSS :
Code:
link
{
color: #CCCCCC;
font-size: 12px;
letter-spacing: 4px;
font-family: Georgia;
}

link:hover
{
font-style: italic;
color: #afc519;
font-size: 12px;
letter-spacing: 4px;
font-family: Georgia;}

.text1
{
text-color: #7C7c7c;
letter-spacing: 5px;
font-variant: small-caps;
}

.stats
{
text-color: #CCCCCC;
letter-spacing: 3px;
font-variant: small-caps;
font-size: 12px;
text-align: right;
}
.box1
{
width: 750px;
background-color: #afc519;
-moz-border-radius: 50px;
border: 2px solid;
border-opacity:0.4;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
border-color: #7e8257;
 -moz-box-shadow:inset 0 0 10px #7e8257;
 -webkit-box-shadow:inset 0 0 10px #7e8257;
 box-shadow:inset 0 0 10px #7e8257;
padding: 40px;
text-align: left;
}

.box2
{
width: 550px;
height: 150px;
opacity: 0.4;
background-color: #FFFFFF;
text-align: top-left;
-moz-border-radius: 20px;
padding: 15px;
}

.box2over
{
width: 550px;
height: 150px;
opacity: 1;
background-color: #FFFFFF;
text-align: top-left;
-moz-border-radius: 20px;
padding: 15px;
}

.box3
{
width: 100px;
height: 150px;
opacity: 0.4;
background-color: #FFFFFF;
text-align: center;
-moz-border-radius: 20px;
padding: 15px;
}

.box3over
{
width: 100px;
height: 150px;
opacity: 1;
background-color: #FFFFFF;
text-align: center;
-moz-border-radius: 20px;
padding: 15px;
}

.message
{
opacity: 1;
background-color: #FFFFFF;
text-align: center;
-moz-border-radius: 20px;
padding: 15px;
}

.box4
{
width: 330px;
height: 240px;
opacity: 0.4;
background-color: #FFFFFF;
text-align: center;
-moz-border-radius: 20px;
padding: 15px;
}

.box4over
{
width: 330px;
height: 240px;
opacity: 1;
background-color: #FFFFFF;
text-align: center;
-moz-border-radius: 20px;
padding: 15px;
}

.box5
{
width: 700px;
opacity: 1;
background-color: #FFFFFF;
text-align: center;
-moz-border-radius: 20px;
padding: 15px;
}

.ligne
{
width: 400px;
border: 2px dotted #afc519;
}

.mainmenu
{
text-transform: uppercase;
color: #7b8b10;
font-family: Georgia;
font-size: 17px;
text-shadow: #919191 0px 0px 8px;
font-weight: bold;
}
.mainmenu:hover
{
text-transform: uppercase;
color: #afc519;
font-family: Georgia;
font-size: 17px;
text-shadow: #7e8257 0px 0px 10px;
font-weight: bold;
}


h2
{
font-style: italic;
letter-spacing: 4px;
font-size: 12px;
color: #7b8b10;
font-family: Georgia;
font-size: 40px;
text-shadow: #fffd85 0px 0px 8px;
font-weight: bold;
}

.h3
{
font-family: Georgia;
font-size: 30px;
color: #7b8b10;
text-shadow: #919191 0px 0px 8px;
border-bottom: 4px dotted #7b8b10;
text-decoration: none;
font-weight: bold;
}

.h3:hover
{
font-family: Georgia;
font-size: 30px;
color: #afc519;
text-shadow: #7e8257 0px 0px 8px;
border-bottom: 4px dotted #afc519;
border-shadow: #7e8257 0px 0px 8px;
text-decoration: none;
}

.text
{
color: #CCCCCC;
font-size: 12px;
letter-spacing: 4px;
font-family: Georgia;
}

.textsous
{
color: #CCCCCC;
font-size: 12px;
letter-spacing: 4px;
font-family: Georgia;
}

.textsous:hover
{
font-style: italic;
color: #afc519;
font-size: 12px;
letter-spacing: 4px;
font-family: Georgia;
}

Deuxième problème, c'est que tous les liens sont surlignés lorsqu'on passe le curseur dessus. Les noms des catégories sont automatiquement surlignés en tout temps. Je ne comprend pas, puisque nulle part dans mon CSS y a-t-il UNDERLINE. J'ai essayé de voir si jamais c'était dans le template, mais non plus. Est-ce possible d'éliminer le soulignage pour les liens?

Troisième problème, le problème étant plutôt mon manque de connaissance, j'aimerais faire disparaître des ''moitiés de cadres'' si je peux appeler cela ainsi. Exemple sur cette page : http://undergroundfreedom.canadian-forum.com/f1-parchemins Les lignes droites qui prennent la couleur du texte... J'aimerais les faire disparaître, mais j'ignore comment! Est-ce avec les templates ou avec le css?

Enfin, voilà ce qui close les problèmes. J'espère qu'il est possible de les résoudre. Pour mes autres questions, je vais les poster dans un nouveau sujet afin de ne pas trop vous encombrer d'une claque, si ce n'est chose déjà faite.

Merci beaucoup d'avance à la personne qui me répondra,
J'espère que c'est clair et que vous ne vous êtes pas endormi en chemin Wink

edaem
Nouveau membre

Messages : 23
Inscrit(e) le : 13/05/2011

http://pensionnat-edaem.purforum.com
edaem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes d'Html

Message par Final-Blonde le Dim 25 Sep 2011 - 17:52

Bonsoir,

Pour ce qui est du soulignage des liens, c'est par défaut sur les FA.
Il suffit d'ajouter ce code dans :
PA >> Affichage >> Couleurs > feuille de style CSS :
a, a:link, a:hover {
text-decoration: none !important;
}
Et ce devrait être résolu.

Plus que deux ! :-)

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes d'Html

Message par edaem le Dim 25 Sep 2011 - 18:10

Ah! Merci! Enfin le soulignage n'y est plus!

Merci beaucoup, c'est gentil! ^^
Et oui, plus que deux ;d

edaem
Nouveau membre

Messages : 23
Inscrit(e) le : 13/05/2011

http://pensionnat-edaem.purforum.com
edaem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes d'Html

Message par edaem le Lun 26 Sep 2011 - 20:09

Up ^^

edaem
Nouveau membre

Messages : 23
Inscrit(e) le : 13/05/2011

http://pensionnat-edaem.purforum.com
edaem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes d'Html

Message par Invité le Mar 27 Sep 2011 - 11:12

Bonjour,

La règle sur ce forum est de ne poser qu'une seule question par sujet Wink cela afin de faciliter les recherches pour tous, merci d'en tenir compte à l'avenir.

• Concernant les membres connectés au cours des dernières 24 heures, il faut ruser pour l'intégrer correctement dans le QEEL, remplacez ceci:
Code:
<div class="box5"><div class="text"><span id="conn">{L_CONNECTED_MEMBERS}<script type="text/javascript">
document.getElementById('conn').innerHTML=document.getElementById('conn').innerHTML.replace(/Membres connectés au cours des 24 dernières heures : /,"En ligne depuis la veille :");</script></span></div>
par:
Code:
<div class="box5"><div class="text"><table id="kaboum">{L_CONNECTED_MEMBERS}</table>
    <script type="text/javascript">
    jQuery('#kaboum span.gensmall').html(jQuery('#kaboum span.gensmall').html().replace('Membres connectés au cours des 24 dernières heures : ','En ligne depuis la veille :'));
    </script></table></div>
• Les lignes qui vous gènent peuvent être effacées en ajoutant ceci à votre CSS:
Code:
td.catBottom, td.row3Right{border: none! important;}

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes d'Html

Message par edaem le Mer 28 Sep 2011 - 4:46

Omd! Tout est parfait, tout fonctionne à merveille! Merci beaucoup Isolde! Et oui, je ferai attention pour poser qu'une seule question à la fois, même si il y en a des plus petites que d'autres Very Happy

edaem
Nouveau membre

Messages : 23
Inscrit(e) le : 13/05/2011

http://pensionnat-edaem.purforum.com
edaem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes d'Html

Message par Invité le Mer 28 Sep 2011 - 9:35

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Invité
Invité


Invité 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