Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Astuces Forumactif

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB

Membres connectés récemment
Voir tous les membres

[PhpBB2] Imbrication div et span

 :: Astuces Forumactif :: Les sujets résolus

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

Sujet résolu [PhpBB2] Imbrication div et span

1
fascicularia
fascicularia
https://altitudetropicale.forums-actifs.com/

Messagefascicularia Lun 21 Oct 2019 - 17:54

  • Version du forum :
    PhpBB2
  • Templates modifiés :
    oui
  • Navigateur :
    Opera
Bonjour Philippe, 
avec le temps pourri que nous avons en ce moment, j'en profite pour faire un petit nettoyage dans mon template viewtopic_body.

j'ai réglé les 3/4 des soucis mais je bute sur la partie profil qui visuellement est correcte mais qui selon le template contient des erreurs.

j'ai une question d'ordre technique concernant les imbrications des div et des span.

on peut imbriquer autant de div à la suite les unes des autres, on peut à l'intérieur d'une div mettre des span mais on ne peut pas inclure une div après un span .

Ces infos sont exactes ou c'est moi qui ai halluciné ?

Merci par avance pour ton aide.

Sujet résolu Re: [PhpBB2] Imbrication div et span

2
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 21 Oct 2019 - 18:25

Coucou Stéphane,
alors, un contenu de peut être correctement incorporé dans une balise span,il vaut mieux le déposer dans une div.
Les spans sont plus prévues pour du texte alors que les divs ont indéfiniment paramétrables.
Pour ta question, tu peux placer autant de divs que tu le souhaites et vice versa.

Par contre, il faut placer les spans à l'intérieur de div et surtout éviter l'inverse.
J’espère avoir répondu à ta question mon ami.
Si tu le désires, tu peux me donner le template concerné afin que je le corrige !

Sujet résolu Re: [PhpBB2] Imbrication div et span

3
fascicularia
fascicularia
https://altitudetropicale.forums-actifs.com/

Messagefascicularia Lun 21 Oct 2019 - 19:44

Bonjour Philippe,
merci pour les infos et pour ta proposition.

voici le template mais, tu risques de te choper un sacré mal de crane.
Code:
<!-- DEBUT ENCADREMENT DES IMAGES -->
<script type="text/javascript">
 $(function(){
  $('.postbody').find('img').each(function(){
 var M14_Img=$(this).width();
if(M14_Img>=500)
{
$(this).addClass('encadrement'); 
} 
});
});
</script> 

  <!-- FIN ENCADREMENT DES IMAGES -->
  <script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
        {
            if( $(this).is(":visible") )
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
        });
        }
    }
    catch(e) { }
   
  return false;
};

//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap">
        <span class="nav">
        <!-- BEGIN switch_user_authpost -->
          <a href="{U_POST_NEW_TOPIC}" rel="nofollow"id="M14_News_Post"alt="{L_POST_NEW_TOPIC}"title="{L_POST_NEW_TOPIC}">
Nouveau</a>
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
    <a href="{U_POST_REPLY_TOPIC}"id="M14_i_reply"alt="{L_POST_REPLY_TOPIC}"title="{L_POST_REPLY_TOPIC}">Répondre</a>
        <!-- END switch_user_authreply -->
        </span>
      </td>     
      <td class="nav" valign="middle" width="100%">
        <span class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a class="nav" href="{U_INDEX}"><span>Index des forums</span></a>
                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
                {NAV_CAT_DESC_SECOND}
            </span>
      </td>     
     
  </tr>
</table>

<!-- Rajout Barre modération en haut des sujets-->
<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
        <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="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
<br />
            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
        </form>
      </td>
  </tr>
</table>
<!-- END viewtopic_bottom -->
<!-- Fin Barre modération haut-->
<br />
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" >
  <tr align="right">
      <td class="catHead" colspan="2" 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="2" align="right" valign="top"> <span class="gensmall M14_PAGE">{PAGINATION}</span></td>
  </tr>
  <!-- END topicpagination -->
  {POLL_DISPLAY}

 

  <!-- BEGIN postrow -->
  <!-- BEGIN hidden -->
  <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
  </tr>
  <!-- END hidden -->
    <!-- BEGIN displayed -->
 
   
  <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
  <td style=" text-align: center;" class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR}
          valign="top" width="150">

  <span class="name">
 
    <div id="profil_head"> <div class="box"> <div class="ribbon"><span>HORS LIGNE</span>{postrow.displayed.ONLINE_IMG}</div>
</div></div>
   
 
   
<div id="nameo">
<a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>

<span class="ombre">
 
 <strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">

<div id="profil_body"><span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}
 

  <div id="m14_avatar">{postrow.displayed.POSTER_AVATAR}</div>

<br /><br />
 
<div class="profil">
           
 
  <!-- BEGIN profile_field -->

            <div class=novo>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</div>{postrow.displayed.profile_field.SEPARATOR}
  <!-- END profile_field --></div>

<span class="rpgzone">
<span class="rpgbutton"title="Ce module s'active par le biais de votre profil.
  Il vous permettra de signaler à la communauté les végétaux que vous recherchez ou ceux que vous proposez à l'échange."><div class="profil" >Les échanges et recherches</div></span><br>
<div class="rpghidden"><div class="rpgcontent">{postrow.displayed.POSTER_RPG}</div></div>
           

           


</span>
</span>
</span>
</div>
<div id="profil_foot"></div><br />
      </td>
  <td style=" text-align: center;" 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">
            <tr>
<td valign="top" nowrap="nowrap" class="post-options"class="tooltipstered">
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG}
  <span class="my-tooltip post2pm" style="cursor:pointer" data-pid="{postrow.displayed.U_POST_ID}" title="Transmettre par MP">Transmettre par MP</span>
  <span class="my-tooltip" title="Répondre en Citant">{postrow.displayed.QUOTE_IMG}</span>                         
    <span class="my-tooltip" title="Éditer ce message">{postrow.displayed.EDIT_IMG}</span>
    <span class="my-tooltip" title="Supprimer ce message">{postrow.displayed.DELETE_IMG}</span>
    <span class="my-tooltip" title="Voir l'adresse IP du posteur">{postrow.displayed.IP_IMG} </span>
 <span class="my-tooltip" title="Faire un rapport du message à un administrateur">{postrow.displayed.REPORT_IMG}</span>
                             
              </td>
              </tr>
</table>


        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>

<td class="M14_tdpostdetails">
<span class="postdetails"style="float: left;">
<a class="M14_topic" href="{postrow.displayed.POST_URL}"></a>
{postrow.displayed.ICON}
 <i class="fa fa-comments" aria-hidden="true"></i>
Message n°{postrow.displayed.COUNT_POSTS} {L_POST_SUBJECT}:
<a href="#{postrow.displayed.U_POST_ID}">
<span class="postdetails">
<p class="M14_first-letter"style="display:inline-block;margin-top :20px;"> {postrow.displayed.POST_SUBJECT}</p></span></a> 
<i class="fa fa-cog fa-spin"></i>
<img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
            </tr>
            <tr>
           
            </tr>
            <tr>
              <td colspan="2">
                  <!-- 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="M14_px">
    <span class="M14_14px"title="Afficher le texte avec une taille de 14px"><a href="#">
        <img src="https://i.servimg.com/u/f68/11/93/85/24/14px10.gif"/></a>
        </span>             
        <span class="M14_16px"title="Afficher le texte avec une taille de 16px"><a href="#">
        <img src="https://i.servimg.com/u/f68/11/93/85/24/16_px10.gif"/></a>
        </span>   
        <span class="M14_18px"title="Afficher le texte avec une taille de 18px"><a href="#">
        <img src="https://i.servimg.com/u/f68/11/93/85/24/18px10.gif"/></a>
        </span>   
        <span class="M14_20px"title="Afficher le texte avec une taille de 20px"><a href="#">
        <img src="https://i.servimg.com/u/f68/11/93/85/24/20px10.gif"/></a>
        </span>        </div>

 
                  <div class="postbody">
                   
                                                  <br />
                      <div class="altitude_encadrement"> {postrow.displayed.MESSAGE}</div><br />
<div id="AIME"></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}" alt="" />

                                <!-- 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>
                    <!-- BEGIN switch_signature -->
                    <div class="signature_div">
                    <div class="signa"> <img src="https://i.servimg.com/u/f63/11/93/85/24/signat12.png"alt="Signature" title="Vous pouvez gérer votre signature par le biais de votre profil." />{postrow.displayed.SIGNATURE}</div>
                    </div>
                   
                   
                    <!-- END switch_signature -->


                  </div>
                 
              </td>
            </tr>
        </table>
      </td>
 
  <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
        <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
        <table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="middle">
                                          <div class="profilicon">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} <span class="i_icon_email"title="Envoyer un Email">{postrow.displayed.EMAIL_IMG}</span><!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> </div>
              </td>
            </tr>
        </table>
      </td>
  </tr>
 <!-- BEGIN first_post_br -->

<hr id="first-post-br"/>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- END first_post_br -->
  <!-- END displayed -->

  <!-- END postrow -->
  <!-- BEGIN no_post -->
  <tr align="center">
      <td class="row1" colspan="2" height="28">
        <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
  </tr>
  <!-- END no_post -->
  <tr align="right">
      <td class="catBottom" colspan="2" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint"> </td>
              <td align="center" class="t-title"><a name="bottomtitle"></a> <div class="cattitle"><p class="M14_first-letter"style="display: inherit;">{TOPIC_TITLE}  </p></div></td>
              <td align="right" nowrap="nowrap" 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="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
        </table>
      </td>
  </tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
  <tr>
    <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><br /><span class="gensmalla">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
    <td class="row1 " align="right" valign="top" ><br /><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
 
  <!-- BEGIN switch_user_logged_in -->
  <!-- BEGIN watchtopic -->
 
    <td class="row2" colspan="2" align="right" valign="top"><br /><span class="gensmall" id="surva">{S_WATCH_TOPIC}</span></td>
  </tr>
  <!-- END watchtopic -->
  <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<div class="boutonSlide">
  <div class="openbig_title">Sujets récents et similaires</div>
 
  </div>
<div class="panneauCoulissant">

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0">
    <tr>
    <td class="thead" height="28">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="top">
    <h1>
    Sujets récents de ce forum
    </h1>
    </td>
   
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td id="Tropicale" class="row8" valign="top">
    </td>
    </tr>
    </table>
    <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0">
    <tr>
    <td class="thead" height="28">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="top">
    <h1>
    Sujets similaires
    </h1>
    </td>
   
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td id="Altitude" class="row8" valign="top">
    </td>
    </tr>
    </table>
    <script type="text/javascript">
    $(function () {
    $('#Tropicale').load('/f{FORUM_ID}-forum td:not("td:contains("Announcement"), td:contains("Sticky"), td:contains("Global announcement")") .topic-title a.topictitle:lt(10)', function () {
    $('#Tropicale a.topictitle').wrap("<p></p>");
    });
    var topictitle = '{TOPIC_TITLE}';
    var Topictitle = topictitle.replace(/ /gi, '+');
    $('#Altitude').load('/search?mode=searchbox&search_keywords=' + Topictitle + '&show_results=topics td:not("td:contains("Announcement"), td:contains("Sticky"), td:contains("Global announcement")") .topic-title a.topictitle:lt(10)', function () {
    $('#Altitude a.topictitle').wrap("<p></p>");
    });
    });
    </script>
</div>

<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
  <tbody>
      <tr>
        <td class="catBottom">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tbody>
                  <tr>
                    <td valign="top">
                        <div class="cattitle"> {L_FORUM_RULES}</div>
                    </td>
                  </tr>
              </tbody>
            </table>
        </td>
      </tr>
      <tr>
        <td class="row1 clearfix">
            <table>
              <tr>
                  <!-- BEGIN switch_forum_rule_image -->
                  <td class="logo">
                    <img src="{RULE_IMG_URL}" alt="" />
                  </td>
                  <!-- END switch_forum_rule_image -->
                  <td class="rules postbody">
                    {RULE_MSG}
                  </td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td class="" colspan="2" align="left" style="padding:0px">
        <!-- BEGIN switch_user_logged_in -->
        <a name="quickreply"></a>
        {QUICK_REPLY_FORM}<br />
        <!-- END switch_user_logged_in -->
      </td>

  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
    <!-- BEGIN show_permissions -->
      <tr>
        <td class="row2" valign="top" width="25%"><br /><span class="gensmallo">{L_TABS_PERMISSIONS}</span></td>
        <td class="row1" valign="top" width="75%"><br /><span class="gensmallo">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav nav-clean"><a class="nav" href="{U_INDEX}">Index des forums</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>

              </tr>

            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
  <span class="nav">
 <!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"id="M14_News_Post"alt="{L_POST_NEW_TOPIC}"title="{L_POST_NEW_TOPIC}">
Nouveau</a>
 
             
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"id="M14_i_reply"alt="{L_POST_REPLY_TOPIC}"title="{L_POST_REPLY_TOPIC}">Répondre</a>
 <!-- END switch_user_authreply -->
  </span>
      </td> 


      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

      <!-- BEGIN moderation_panel -->
      <td align="center">
        <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
        <span class="gensmall"> </span>
      </td>
      <!-- END moderation_panel -->
  </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
        <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="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
        </form>
      </td>
  </tr>
</table>
<!-- END viewtopic_bottom -->
<div class="cadre">
<!-- facebook comment -->
          <div class="fb-comments" data-href="{FORUM_URL}{TOPIC_URL}" data-num-posts="1" data-width="950"></div>
<div id="fb-root"></div> <script src="https://connect.facebook.net/fr_FR/all.js#appId=APP_ID&xfbml=1"></script>
        <!-- Fin facebook comment -->
    </div>

<!-- 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 src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>

<script async>
$(function () {
$(".post a[href*='mode=delete'][href*='p='][href*='tid=']").click(function (a) {
a.preventDefault();
var b = $(this).closest(".post");
!0 == confirm("Vous êtes certain de vouloir supprimer ce message ?") && $.post(this.href, {
confirm: 1
}, function (a) {
b.fadeOut(function () {
b.remove();
$(".main-content.topic .post").length || location.replace(window.location.href)
})
})
});
});
</script>

le soucis est effectif de la ligne 174 à 179. Techniquement il manque 2 fermetures de span , 1 fermeture de div et très certainement une fermeture de un . La div nameo n'a pas de css affilié; j'ai du très certainement l'installer pour assurer un centrage de la cellule mais cela n'a pas été nécessaire.
je vais collecter le css qui est très certainement réparti dans 3 zones différentes.

Merci encore pour cette aide


Sujet résolu Re: [PhpBB2] Imbrication div et span

4
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 21 Oct 2019 - 20:26

Je regarde tout cela demain matin Stéphane,
je vois déjà une balise :
Code:
<br>

qui devrait être ainsi:
Code:
<br />

Il faudrait que tu me dises si tu mentionnes les spans ou les divs dans ta feuille de style!!
C'est à dire par exemple pour la div ayant la class bidule et vise versa ou pour les spans.

Comment est elle déclarée dans ta c.s.s

Comme ceci:
Code:
div.bidule

Ou alors:
Code:
.bidule




Sujet résolu Re: [PhpBB2] Imbrication div et span

5
fascicularia
fascicularia
https://altitudetropicale.forums-actifs.com/

Messagefascicularia Lun 21 Oct 2019 - 20:30

Re Philippe,
je vais collecter le css de suite. A dans quelques minutes.
 
 
  edit :
Code:
#profil_foot,
#profil_head {
    height: 65px!important;
    border: 3px double #182400;
    border-radius: 5px;
    background-image: url(https://i.servimg.com/u/f56/17/47/58/13/point_10.gif), url(https://i.servimg.com/u/f56/17/47/58/13/point_10.gif), url(https://i.servimg.com/u/f56/17/47/58/13/point_10.gif), url(https://i.servimg.com/u/f56/17/47/58/13/point_10.gif)!important;
    background-position: left top, right top, left bottom, right bottom!important;
    background-repeat: no-repeat!important;
    background-color: #4f7801;
    background-color: -webkit-linear-gradient(#4f7801, #182400);
    background-color: -o-linear-gradient(#4f7801, #182400);
    background-color: -moz-linear-gradient(#4f7801, #182400);
    background-color: linear-gradient(#4f7801, #182400);
    box-shadow: 0 2px 0 rgba(26, 38, 0, .42) inset;
}

#profil_head {
    margin-top: 90px;
    margin-bottom: -29px;
    width: 195px
}

div#profil_body,
span.ombre {
    background-image: -webkit-linear-gradient(#4F7801, #182400);
}

td.catLeft {
    height: 65px!important;
    margin-top: 2px!important;
    display: inline-block;
    width: 100%;
    background-image: url(https://i.servimg.com/u/f62/11/93/85/24/sans_t29.png)!important
}

span.Paolino,
span.ombre {
    border-right: 3px double #182400;
    border-left: 3px double #182400;
    display: inline-block;
    margin-left: 15px
}

span.Paolino {
    background: #182400;
    background: -webkit-linear-gradient(#182400, #4f7801);
    background: -o-linear-gradient(#182400, #4f7801);
    background: -moz-linear-gradient(#182400, #4f7801);
    background: linear-gradient(#182400, #4f7801);
    border-bottom: 3px double #182400;
    border-radius: 0 0 5px 5px;
    width: 150px;
    padding-bottom: 5px
}

span.ombre {
    background: linear-gradient(#4f7801, #182400);
    border-top: 3px double #182400;
    border-bottom: 3px solid #1E2A05;
    border-radius: 5px;
    width: 160px;
    padding-top: 10px
}

span.Paolino,
span.ombre {
    box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
}

div#m14_avatar img {
    border: 2px solid rgba(0, 0, 0, .5);
    box-shadow: 1px 0 3px rgba(0, 0, 0, .5)
}

img.M14_Avatar {
    max-width: 100px;
    max-height: 100px
}

#m14_avatar img {
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24)
}

.novo,
.profil {
    font-size: 12px
}

ps : rien ne presse.

Sujet résolu Re: [PhpBB2] Imbrication div et span

6
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 22 Oct 2019 - 16:14

Hello Stéphane,



Cette class doit recevoir l'id du message et le pseudo mais je me suis rapellé qu'un script vient rechercher l'information dans une autre class sur ton fofo:
Code:
<span class="name">


Avant :
Code:
<span class="name">
 
    <div id="profil_head"> <div class="box"> <div class="ribbon"><span>HORS LIGNE</span>{postrow.displayed.ONLINE_IMG}</div>
</div></div>

<div id="nameo">
<a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>

Maintenant:
Code:
<span class="name">
 <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
</span>

Des balises de fermeture de saut de ligne érronées:

Code:
<br>

Désormais:

Code:
<br />

il y avait deux spans identiques (1 supprimé):

Code:
<span class="postdetails poster-profile">

ton template corrigé:

Code:
 
<!-- DEBUT ENCADREMENT DES IMAGES -->
    <script type="text/javascript">
     $(function(){
      $('.postbody').find('img').each(function(){
     var M14_Img=$(this).width();
    if(M14_Img>=500)
    {
    $(this).addClass('encadrement');
    }
    });
    });
    </script>

      <!-- FIN ENCADREMENT DES IMAGES -->
      <script type="text/javascript">
    //<![CDATA[
    var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
    $(function(){
        if(typeof(_atc) == "undefined") {
            _atc = {  };
        }
    });

    var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
    showHiddenMessage = function(id)
    {
        try
        {
            var regId = parseInt(id, 10);
            if( isNaN(regId) ) { regId = 0; }
          
            if( regId > 0)
            {
                $('.post--' + id).toggle(0, function()
            {
                if( $(this).is(":visible") )
                {
                  $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
                }
                else
                {
                  $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
                }
            });
            }
        }
        catch(e) { }
      
      return false;
    };

    //]]>
    </script>

    <table width="100%" border="0" cellspacing="2" cellpadding="0">
      <tr>
          <td align="left" valign="middle" nowrap="nowrap">
            <span class="nav">
            <!-- BEGIN switch_user_authpost -->
              <a href="{U_POST_NEW_TOPIC}" rel="nofollow"id="M14_News_Post"alt="{L_POST_NEW_TOPIC}"title="{L_POST_NEW_TOPIC}">
    Nouveau</a>
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"id="M14_i_reply"alt="{L_POST_REPLY_TOPIC}"title="{L_POST_REPLY_TOPIC}">Répondre</a>
            <!-- END switch_user_authreply -->
            </span>
          </td>    
          <td class="nav" valign="middle" width="100%">
            <span class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a class="nav" href="{U_INDEX}"><span>Index des forums</span></a>
                    <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
                    {NAV_CAT_DESC_SECOND}
                </span>
          </td>    
        
      </tr>
    </table>

    <!-- Rajout Barre modération en haut des sujets-->
    <!-- BEGIN viewtopic_bottom -->
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
      <tr>
          <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
            <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="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
    <br />
                <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
            </form>
          </td>
      </tr>
    </table>
    <!-- END viewtopic_bottom -->
    <!-- Fin Barre modération haut-->
    <br />
    <table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" >
      <tr align="right">
          <td class="catHead" colspan="2" 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="2" align="right" valign="top"> <span class="gensmall M14_PAGE">{PAGINATION}</span></td>
      </tr>
      <!-- END topicpagination -->
      {POLL_DISPLAY}

    

      <!-- BEGIN postrow -->
      <!-- BEGIN hidden -->
      <tr>
          <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
      </tr>
      <!-- END hidden -->
        <!-- BEGIN displayed -->
    
      
      <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <td style=" text-align: center;" class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<span class="name">
 <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
</span>
<div id="profil_head">
<div class="box"> <div class="ribbon"><span>HORS LIGNE</span>{postrow.displayed.ONLINE_IMG}</div></div>
</div>
 <div id="nameo">
 <span class="ombre">
     <strong>{postrow.displayed.POSTER_NAME}</strong>
</span><br />
<div id="profil_body">
<span class="postdetails poster-profile">
                {postrow.displayed.POSTER_RANK}<br />
                {postrow.displayed.RANK_IMAGE}
      <div id="m14_avatar">{postrow.displayed.POSTER_AVATAR}</div>
    <br /><br />
    <div class="profil">              
      <!-- BEGIN profile_field -->

                <div class=novo>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</div>{postrow.displayed.profile_field.SEPARATOR}
      <!-- END profile_field --></div>
  </span>
    <span class="rpgzone">
    <span class="rpgbutton"title="Ce module s'active par le biais de votre profil.
      Il vous permettra de signaler à la communauté les végétaux que vous recherchez ou ceux que vous proposez à l'échange.">
        <div class="profil" >Les échanges et recherches</div>
      </span><br />
    <div class="rpghidden">
      <div class="rpgcontent">{postrow.displayed.POSTER_RPG}</div>
      </div></span></div>
   <div id="profil_foot"></div><br />
  </div>
</td>
      <td style="text-align: center;" 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">
                <tr>
    <td valign="top" nowrap="nowrap" class="post-options"class="tooltipstered">
    {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG}
      <span class="my-tooltip post2pm" style="cursor:pointer" data-pid="{postrow.displayed.U_POST_ID}" title="Transmettre par MP">Transmettre par MP</span>
      <span class="my-tooltip" title="Répondre en Citant">{postrow.displayed.QUOTE_IMG}</span>                        
        <span class="my-tooltip" title="Éditer ce message">{postrow.displayed.EDIT_IMG}</span>
        <span class="my-tooltip" title="Supprimer ce message">{postrow.displayed.DELETE_IMG}</span>
        <span class="my-tooltip" title="Voir l'adresse IP du posteur">{postrow.displayed.IP_IMG} </span>
     <span class="my-tooltip" title="Faire un rapport du message à un administrateur">{postrow.displayed.REPORT_IMG}</span>
                                
                  </td>
                  </tr>
    </table>


            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>

    <td class="M14_tdpostdetails">
    <span class="postdetails"style="float: left;">
    <a class="M14_topic" href="{postrow.displayed.POST_URL}"></a>
    {postrow.displayed.ICON}
     <i class="fa fa-comments" aria-hidden="true"></i>
    Message n°{postrow.displayed.COUNT_POSTS} {L_POST_SUBJECT}:
    <a href="#{postrow.displayed.U_POST_ID}">
    <span class="postdetails">
    <p class="M14_first-letter"style="display:inline-block;margin-top :20px;"> {postrow.displayed.POST_SUBJECT}</p></span></a>
    <i class="fa fa-cog fa-spin"></i>
    <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                </tr>
                <tr>
              
                </tr>
                <tr>
                  <td colspan="2">
                      <!-- 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="M14_px">
        <span class="M14_14px"title="Afficher le texte avec une taille de 14px"><a href="#">
            <img src="https://i.servimg.com/u/f68/11/93/85/24/14px10.gif"/></a>
            </span>            
            <span class="M14_16px"title="Afficher le texte avec une taille de 16px"><a href="#">
            <img src="https://i.servimg.com/u/f68/11/93/85/24/16_px10.gif"/></a>
            </span>  
            <span class="M14_18px"title="Afficher le texte avec une taille de 18px"><a href="#">
            <img src="https://i.servimg.com/u/f68/11/93/85/24/18px10.gif"/></a>
            </span>  
            <span class="M14_20px"title="Afficher le texte avec une taille de 20px"><a href="#">
            <img src="https://i.servimg.com/u/f68/11/93/85/24/20px10.gif"/></a>
            </span>        </div>

    
                      <div class="postbody">
                      
                                                      <br />
                          <div class="altitude_encadrement"> {postrow.displayed.MESSAGE}</div><br />
    <div id="AIME"></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}" alt="" />

                                    <!-- 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>
                        <!-- BEGIN switch_signature -->
                        <div class="signature_div">
                        <div class="signa"> <img src="https://i.servimg.com/u/f63/11/93/85/24/signat12.png"alt="Signature" title="Vous pouvez gérer votre signature par le biais de votre profil." />{postrow.displayed.SIGNATURE}</div>
                        </div>
                      
                      
                        <!-- END switch_signature -->


                      </div>
                    
                  </td>
                </tr>
            </table>
          </td>
    
      <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
          <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
            <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
          </td>
          <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td valign="middle">
                                              <div class="profilicon">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} <span class="i_icon_email"title="Envoyer un Email">{postrow.displayed.EMAIL_IMG}</span><!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> </div>
                  </td>
                </tr>
            </table>
          </td>
      </tr>
     <!-- BEGIN first_post_br -->

    <hr id="first-post-br"/>
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
          <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
      </tr>
      <!-- END first_post_br -->
      <!-- END displayed -->

      <!-- END postrow -->
      <!-- BEGIN no_post -->
      <tr align="center">
          <td class="row1" colspan="2" height="28">
            <span class="genmed">{no_post.L_NO_POST}</span>
          </td>
      </tr>
      <!-- END no_post -->
      <tr align="right">
          <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="9%" class="noprint"> </td>
                  <td align="center" class="t-title"><a name="bottomtitle"></a> <div class="cattitle"><p class="M14_first-letter"style="display: inherit;">{TOPIC_TITLE}  </p></div></td>
                  <td align="right" nowrap="nowrap" 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="#top">{L_BACK_TO_TOP}</a> </td>
                </tr>
            </table>
          </td>
      </tr>
    </table>
    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
      <tr>
        <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><br /><span class="gensmalla">{PAGE_NUMBER}</span></td>
          <!-- BEGIN topicpagination -->
        <td class="row1 " align="right" valign="top" ><br /><span class="gensmall">{PAGINATION}</span></td>
          <!-- END topicpagination -->
    
      <!-- BEGIN switch_user_logged_in -->
      <!-- BEGIN watchtopic -->
    
        <td class="row2" colspan="2" align="right" valign="top"><br /><span class="gensmall" id="surva">{S_WATCH_TOPIC}</span></td>
      </tr>
      <!-- END watchtopic -->
      <!-- END switch_user_logged_in -->
    </table>

    <!-- BEGIN promot_trafic -->
    <div class="boutonSlide">
      <div class="openbig_title">Sujets récents et similaires</div>
    
      </div>
    <div class="panneauCoulissant">

    <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0">
        <tr>
        <td class="thead" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td valign="top">
        <h1>
        Sujets récents de ce forum
        </h1>
        </td>
      
        </tr>
        </table>
        </td>
        </tr>
        <tr>
        <td id="Tropicale" class="row8" valign="top">
        </td>
        </tr>
        </table>
        <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0">
        <tr>
        <td class="thead" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td valign="top">
        <h1>
        Sujets similaires
        </h1>
        </td>
      
        </tr>
        </table>
        </td>
        </tr>
        <tr>
        <td id="Altitude" class="row8" valign="top">
        </td>
        </tr>
        </table>
        <script type="text/javascript">
        $(function () {
        $('#Tropicale').load('/f{FORUM_ID}-forum td:not("td:contains("Announcement"), td:contains("Sticky"), td:contains("Global announcement")") .topic-title a.topictitle:lt(10)', function () {
        $('#Tropicale a.topictitle').wrap("<p></p>");
        });
        var topictitle = '{TOPIC_TITLE}';
        var Topictitle = topictitle.replace(/ /gi, '+');
        $('#Altitude').load('/search?mode=searchbox&search_keywords=' + Topictitle + '&show_results=topics td:not("td:contains("Announcement"), td:contains("Sticky"), td:contains("Global announcement")") .topic-title a.topictitle:lt(10)', function () {
        $('#Altitude a.topictitle').wrap("<p></p>");
        });
        });
        </script>
    </div>

    <!-- END promot_trafic -->

    <!-- BEGIN switch_forum_rules -->
    <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
      <tbody>
          <tr>
            <td class="catBottom">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tbody>
                      <tr>
                        <td valign="top">
                            <div class="cattitle"> {L_FORUM_RULES}</div>
                        </td>
                      </tr>
                  </tbody>
                </table>
            </td>
          </tr>
          <tr>
            <td class="row1 clearfix">
                <table>
                  <tr>
                      <!-- BEGIN switch_forum_rule_image -->
                      <td class="logo">
                        <img src="{RULE_IMG_URL}" alt="" />
                      </td>
                      <!-- END switch_forum_rule_image -->
                      <td class="rules postbody">
                        {RULE_MSG}
                      </td>
                  </tr>
                </table>
            </td>
          </tr>
      </tbody>
    </table>
    <!-- END switch_forum_rules -->

    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
      <td class="" colspan="2" align="left" style="padding:0px">
            <!-- BEGIN switch_user_logged_in -->
            <a name="quickreply"></a>
            {QUICK_REPLY_FORM}<br />
            <!-- END switch_user_logged_in -->
          </td>

      </tr>
      <tr>
          <td style="margin:0; padding: 0;" colspan="2">
            <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
                <tbody>
        <!-- BEGIN show_permissions -->
          <tr>
            <td class="row2" valign="top" width="25%"><br /><span class="gensmallo">{L_TABS_PERMISSIONS}</span></td>
            <td class="row1" valign="top" width="75%"><br /><span class="gensmallo">{S_AUTH_LIST}</span></td>
          </tr>
          <!-- END show_permissions -->
          <tr>
            <td class="catBottom" colspan="2" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td valign="middle" width="100%"><span class="nav nav-clean"><a class="nav" href="{U_INDEX}">Index des forums</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>

                  </tr>

                </table>
            </td>
          </tr>
      </tbody>
            </table>
          </td>
      </tr>
      <tr>
          <td style="margin:0; padding: 0;" colspan="2">
            <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
                <tbody>
          <tr>
            <td class="catBottom" colspan="2" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                      <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                  </tr>
                </table>
            </td>
          </tr>
      </tbody>
            </table>
          </td>
      </tr>
    </table>

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
      <tr>
          <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
      <span class="nav">
     <!-- BEGIN switch_user_authpost -->
    <a href="{U_POST_NEW_TOPIC}" rel="nofollow"id="M14_News_Post"alt="{L_POST_NEW_TOPIC}"title="{L_POST_NEW_TOPIC}">
    Nouveau</a>
    
                
     <!-- END switch_user_authpost -->
     <!-- BEGIN switch_user_authreply -->
    <a href="{U_POST_REPLY_TOPIC}"id="M14_i_reply"alt="{L_POST_REPLY_TOPIC}"title="{L_POST_REPLY_TOPIC}">Répondre</a>
     <!-- END switch_user_authreply -->
      </span>
          </td>


          <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

          <!-- BEGIN moderation_panel -->
          <td align="center">
            <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
          </td>
          <td align="center" width="250">
            <span class="gensmall"> </span>
          </td>
          <!-- END moderation_panel -->
      </tr>
    </table>
    </form>

    <!-- BEGIN viewtopic_bottom -->
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
      <tr>
          <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
            <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="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

                <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
            </form>
          </td>
      </tr>
    </table>
    <!-- END viewtopic_bottom -->
    <div class="cadre">
    <!-- facebook comment -->
              <div class="fb-comments" data-href="{FORUM_URL}{TOPIC_URL}" data-num-posts="1" data-width="950"></div>
    <div id="fb-root"></div> <script src="https://connect.facebook.net/fr_FR/all.js#appId=APP_ID&xfbml=1"></script>
            <!-- Fin facebook comment -->
        </div>

    <!-- 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 src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>

    <script async>
    $(function () {
    $(".post a[href*='mode=delete'][href*='p='][href*='tid=']").click(function (a) {
    a.preventDefault();
    var b = $(this).closest(".post");
    !0 == confirm("Vous êtes certain de vouloir supprimer ce message ?") && $.post(this.href, {
    confirm: 1
    }, function (a) {
    b.fadeOut(function () {
    b.remove();
    $(".main-content.topic .post").length || location.replace(window.location.href)
    })
    })
    });
    });
    </script>


Il y aura peut être une correction a effectuer dans ta feuille de style concernant le haut du profil mais sous réserve.[/code]


Dernière édition par Milouze14 le Mar 22 Oct 2019 - 16:22, édité 3 fois

Sujet résolu Re: [PhpBB2] Imbrication div et span

7
fascicularia
fascicularia
https://altitudetropicale.forums-actifs.com/

Messagefascicularia Mar 22 Oct 2019 - 16:18

Bonjour Philippe,
merci pour cette correction.
Le mode Wysiwyg a fait sauter les balises code.

Sujet résolu Re: [PhpBB2] Imbrication div et span

8
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 22 Oct 2019 - 16:24

Je ne travaille jamais avec ce mode Stéphane clin oeil .
C'était juste un oublie de crochet sur une balise (décidément lOL ).

Sujet résolu Re: [PhpBB2] Imbrication div et span

9
fascicularia
fascicularia
https://altitudetropicale.forums-actifs.com/

Messagefascicularia Mar 22 Oct 2019 - 16:37

Re Philippe,
le visuel est correct.
j'ai juste un petit soucis lié à un js qui me fait beuguer la page après le chargement.

[PhpBB2] Imbrication div et span Pour_p11

Cela ne te dérange pas de laisser le sujet ouvert le temps de trouver le fautif ?

Merci par avance

Sujet résolu Re: [PhpBB2] Imbrication div et span

10
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 22 Oct 2019 - 16:40

Oui pas de soucis, actualises la page Stéphane,
actuellement Forumactif a des soucis concernant les modifications de template.


Sujet résolu Re: [PhpBB2] Imbrication div et span

11
fascicularia
fascicularia
https://altitudetropicale.forums-actifs.com/

Messagefascicularia Mar 22 Oct 2019 - 17:06

re Philippe, 
je confirme que le visuel est tout bonnement parfait et, que le template est tout bonnement nickel de chez nickel.👍

Merci pour ce boulot qui a du te filer un sacré mal de crane.

j'ai fini par trouver le coupable.

Code:
/*Agréger les double posts*/
$(function(){var t,e="",a=0,s=0;$("tr.post").each(function(){var $this=$(this).attr('id');
var d=$("> td:first span.name",this).text();d!=e?(a++,s++,t=$(this),s%2!=a%2&&$("> td",t).add($("> td",t.next())).toggleClass("row1 row2"),e=d):(s++,$(t).find("div.signature_div").remove(),$("> td:last",t).append($("> td:last > table ",this).addClass("doublepost").attr("id","'+$this+'").attr("id",$(this).attr("id"))),$(this).next().remove(),$(this).remove())})});

Le js est le mêm que ceui du tutoriel de fa
https://forum.forumactif.com/t347281-phpbb-agreger-les-doubles-post

si jamais tu vois ce qui peut clocher timidesortdutrou

Sujet résolu Re: [PhpBB2] Imbrication div et span

12
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 22 Oct 2019 - 17:16

Je vais aller voir directement sur ton fofo Stéphane, ce sera bien plus simple.
Ne t'inquiète pas si tu as des visus un peu spéciaux clin oeil

Sujet résolu Re: [PhpBB2] Imbrication div et span

13
fascicularia
fascicularia
https://altitudetropicale.forums-actifs.com/

Messagefascicularia Mar 22 Oct 2019 - 17:28

Pas de soucis Philippe.

tu trouveras le js en tête de liste dans la gestion des js.

Merci pour ce complément d'aide Merci Mercimill

Sujet résolu Re: [PhpBB2] Imbrication div et span

14
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 22 Oct 2019 - 17:29

Alors me revoilou,
il est logique que le script faisait bugger la page car il ne trouvait le pseudo:

J'ai changé la class gérant le speudo dans le script:
Code:
var d=$("> td:first span.ombre"

Code:
/*Agréger les double posts*/
    $(function(){var t,e="",a=0,s=0;
$("tr.post").each(function(){var $this=$(this).attr('id');
    var d=$("> td:first span.ombre",this).text();d!=e?(a++,s++,t=$(this),s%2!=a%2&&$("> td",t).add($("> td",t.next())).toggleClass("row1 row2"),e=d):(s++,$(t).find("div.signature_div").remove(),$("> td:last",t).append($("> td:last > table ",this).addClass("doublepost").attr("id","'+$this+'").attr("id",$(this).attr("id"))),$(this).next().remove(),$(this).remove())})});


Code:
<span class="ombre">
     <strong>{postrow.displayed.POSTER_NAME}</strong>
</span>



J'ai créé un nouveau script pour information Stéphane.

Sujet résolu Re: [PhpBB2] Imbrication div et span

15
fascicularia
fascicularia
https://altitudetropicale.forums-actifs.com/

Messagefascicularia Mar 22 Oct 2019 - 17:37

Tu es plus rapide que Buzz l'Éclair heuu

j'ai à peine eu le temps d'envoyer une notification que le correctif était déjà en ligne; ça c'est de l'ultra efficacité (chapeau bas).

Tout est bonnement parfait.

Un  grand, très grand merci pour cette aide.

Heureusement que tu es là  pour nous aider à dépatouiller nos bourdes de codage; sans cela nos forums seraient d'une tristesse à mourir. On ne te remerciera jamais assez pour tout ce que tu fais pour la communauté

fr4 en tout honneur

Sujet résolu Re: [PhpBB2] Imbrication div et span

16
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 22 Oct 2019 - 17:44

Merci , c'est très gentil Stéphane.

De rien et à très bientôt Merci .


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil



Voir le sujet précédent Voir le sujet suivant Revenir en haut

Sujets similaires
» [PHPBB2] Balise "alt"
»  [PHPBB2] Souci sur un tag
» [PhpBB2] Bloquer les IP
» [PHPBB2] P.A ET permission
» [PhpBB2] Js qui disparaissent

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

Astuces Forumactif :: Astuces Forumactif :: Les sujets résolus

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit