Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Bas de page déformée

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

Résolu Bas de page déformée

Message par Tycoon77 le Lun 13 Aoû 2018 - 3:05

Bonsoir,

J'ai modifié mon template viewtopic_body pour avoir un jolie forum mais un petit problème est survenu Embarassed



Le bas de page n'est pas "emboîter" correctement donc je pense avoir oublié de fermer un code mais je ne trouve pas Confused

Code:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  
<tr>
      <td align="left" valign="middle" nowrap="nowrap">
        <span class="nav">
        <!-- BEGIN switch_user_authpost -->
        
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        
        <!-- END switch_user_authreply -->
        </span>
      </td>
      
  </tr>
<!-- BEGIN switch_user_authpost -->
              
            
<center> <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a> </center>
            <!-- END switch_user_authreply -->
</table>

  <hr><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr align="right">
      <td class="catHead" colspan="3" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint"> </td>
              <td align="center" class="t-title"><h1 class="cattitle">« {TOPIC_TITLE} »</h1></td>
              <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
            </tr>
        </table>
      </td>
  </tr>
        <!-- BEGIN topicpagination -->
 <tr>
 <td class="row1 pagination" colspan="3" align="center" valign="top"><span class="gensmall"><br>{PAGINATION}<br><br></span></td>
 </tr>
 <!-- END topicpagination -->
        {POLL_DISPLAY}
  
  <!-- BEGIN postrow -->
  <!-- BEGIN displayed -->
  
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>• {postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
                                  {postrow.displayed.POSTER_RANK}</font><br><br>
            <div class="avatar_profil">{postrow.displayed.POSTER_AVATAR}</div><br /><br />
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}<br>{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
        {postrow.displayed.POSTER_RPG}
        </span><br />
        <img src="https://illiweb.com/_.gif" alt="" style="width:150px;height:1px" />
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2"><div class="fleche"> </div>
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="bulle">
            <tr>
              <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" /><font color="brown">Posté : &nbsp; {postrow.displayed.POST_DATE}</font></span></td>
              <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG}
              </td>
            </tr>
            <tr>
              <td colspan="3" class="hr">
                  <hr />
              </td>
            </tr>
            <tr>
              <td colspan="3">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                    <!-- END switch_vote -->
 
                    <!-- BEGIN switch_bar -->
                    <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->
 
                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                    </div>
                    <!-- END switch_bar -->
 
                    <!-- BEGIN switch_no_bar -->
                    <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                    <!-- END switch_no_bar -->
 
                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                    <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->
 
                  <div class="postbody">
 
                    <div>{postrow.displayed.MESSAGE}</div>
 
                    <!-- BEGIN switch_attachments -->
                    <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                          <!-- BEGIN switch_post_attachments -->
                          <dl class="file">
                              <dt>
                                <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />
 
                                <!-- BEGIN switch_dl_att -->
                                <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                <!-- END switch_dl_att -->
 
                                <!-- BEGIN switch_no_dl_att -->
                                {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                <!-- END switch_no_dl_att -->
                              </dt>
 
                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->
 
                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->
 
                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                          </dl>
                          <!-- END switch_post_attachments -->
                        </dd>
                    </dl>
                    <!-- END switch_attachments -->
 
                    <div class="clear"></div>
                    <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                    </div>
                    <span class="gensmall"><center><span style="font-family: Calibri Light;">{postrow.displayed.EDITED_MESSAGE}</span></center></span>
                  </div>
                  
              </td>
            </tr>
        </table>
      </td>
  </tr>
  
  <!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">Auteur(s)</th>
      <th class="thRight" nowrap="nowrap" colspan="3">Le(s) Message(s)</th>
  </tr>
  <!-- END first_post_br -->
  <!-- END displayed -->
  <!-- BEGIN hidden -->
  <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
  </tr>
  <!-- END hidden -->
  <!-- END postrow -->
  <!-- BEGIN no_post -->
  <tr align="center">
      <td class="row1" colspan="3" height="28">
        <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
  </tr>
  <!-- END no_post -->
  
   <!-- BEGIN topicpagination -->
 <tr>
 <td class="row1 pagination" colspan="3" align="center" valign="top"><span class="gensmall"><br>{PAGINATION}<br><br></span></td>
 </tr>
 <!-- END topicpagination -->
  
                  
 <table class="" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
 <td class="" colspan="3" align="center" style="padding:0px">
 <!-- BEGIN switch_user_logged_in -->
 <a name="quickreply"></a>
 {QUICK_REPLY_FORM}
 <!-- END switch_user_logged_in -->
 </td>
 </tr>
  
  <!-- BEGIN switch_user_authpost -->
              
            
 <hr>
  
            <!-- END switch_user_authreply -->
  
<!-- BEGIN viewtopic_bottom -->
 
  <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"><tr>
      <td colspan="3" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}
        <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />
            <input type="hidden" name="sid" value="{S_SID}" />
          <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

          <span class="gen"><b>{L_MOD_TOOLS} :</b><br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
         </form>
      </td>
   </tr>
</table>
  
<!-- END viewtopic_bottom -->
    
  
 
 
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script type="text/javascript" src="{JS_DIR}addthis/addthis_widget.js"></script>

Je vous remercie pour votre aide par avance et bonne soirée à tous.


Dernière édition par Tycoon77 le Lun 13 Aoû 2018 - 18:43, édité 1 fois
avatar

Tycoon77
*

Messages : 35
Inscrit(e) le : 02/05/2018

https://www.tycoon-fun.com
Tycoon77 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bas de page déformée

Message par *Splash* le Lun 13 Aoû 2018 - 6:41

Hi,

Tout semble être OK pourtant

avatar

*Splash*
*****

Masculin
Messages : 750
Inscrit(e) le : 25/02/2018

http://caforum.forumactif.com/
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bas de page déformée

Message par Milouze14 le Lun 13 Aoû 2018 - 7:33

Hello Tycoon77,

tu as placé l'image du haut juste après le body :
Code:
<center><img src="https://zupimages.net/up/18/28/8n8c.png" alt=""></center>

Il faut donc placer l'image du bas juste avant la fermeture de cette même balise:

Code:
<center><img src="https://zupimages.net/up/18/21/kd1r.png"></center>

Donc dans ce template :overall_footer_end :
Affichage/Templates/
Général
/overall_footer_end

Juste après :
Code:
{PROTECT_FOOTER}
      </td>
   </tr>
</table>

Déposes le code html de l'image du bas:
Code:
<center><img src="https://zupimages.net/up/18/21/kd1r.png"></center>

Il faudra surement adapter la largeur du forum en fonction de celle de l'image(1000px) et tenant compte de largeur des bordures droites et gauche 8px + 8px =16px
L'image faisant 1000px puis la déduction des 16px il faudra donc ajouter ceci dans ta feuille de style:
Code:

.bodylinewidth,td.bodyline#page-body{ width:984px;}


Wink

a++
avatar

Milouze14
Membre actif

Masculin
Messages : 5197
Inscrit(e) le : 18/04/2005

https://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bas de page déformée

Message par Tycoon77 le Lun 13 Aoû 2018 - 17:50

Bonjour Milouze14,

Merci pour votre aide. Cependant, avec vos explications ça fais cette anomalie :



Pendant que comme expliqué *Splash* avec sa capture et mon code ça fonctionnais correctement.

Mon problème est juste dans les sujets ( soit le template viewtopic_body ) les autres pages fonctionne correctement.

J'espère avoir bien expliqué mon problème et je vous remercie par avance.
avatar

Tycoon77
*

Messages : 35
Inscrit(e) le : 02/05/2018

https://www.tycoon-fun.com
Tycoon77 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bas de page déformée

Message par Milouze14 le Lun 13 Aoû 2018 - 18:07

Re,

Dans le template overall_header:
Affichage/Templates/Général/ overall_header

ce code html :
Code:
<center><img src="https://zupimages.net/up/18/28/8n8c.png" alt=""></center>

doit être placé juste après ceci:
Code:
 <a name="top"></a>
    {JAVASCRIPT}


a++
avatar

Milouze14
Membre actif

Masculin
Messages : 5197
Inscrit(e) le : 18/04/2005

https://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bas de page déformée

Message par Tycoon77 le Lun 13 Aoû 2018 - 18:11

@Milouze14 a écrit:Re,

Dans le template overall_header:
Affichage/Templates/Général/ overall_header

ce code html :
Code:
<center><img src="https://zupimages.net/up/18/28/8n8c.png" alt=""></center>

doit être placé juste après ceci:
Code:
 <a name="top"></a>
    {JAVASCRIPT}


a++

Re Milouze14,

L'image du haut a quel rapport avec le problème du bas dans les sujets ? Neutral

Je confirme que ça viens bien du template que je vous est fourni en haut car quand je l'efface pour mettre l'origine le problème n'y est pu et ce problème y est depuis que j'ai rajouter la réponse rapide.

résolu  J'avais oublié de mettre " </table> " à la fin du template viewtopic_body. Merci quand même.
avatar

Tycoon77
*

Messages : 35
Inscrit(e) le : 02/05/2018

https://www.tycoon-fun.com
Tycoon77 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