Encadrer les messages [RÉSOLU] Bouton_activeEncadrer les messages [RÉSOLU] Bouton_hoverEncadrer les messages [RÉSOLU] Fb-hoverEncadrer les messages [RÉSOLU] Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Encadrer les messages [RÉSOLU] EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Encadrer les messages [RÉSOLU] EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Encadrer les messages [RÉSOLU] EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Encadrer les messages [RÉSOLU] EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Encadrer les messages [RÉSOLU] EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Encadrer les messages [RÉSOLU] EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Encadrer les messages [RÉSOLU] EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Encadrer les messages [RÉSOLU] EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -55%
Friteuse sans huile – PHILIPS – Airfryer ...
Voir le deal
49.99 €

Partagez
 

Encadrer les messages [RÉSOLU]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://art-design.xooit.com
lora7
lora7
{ Membre }
{ Membre }

Féminin Messages : 25



Encadrer les messages [RÉSOLU] Empty
Bonsoir,

Voilà, aujourd'hui, je me trouves confronté à un nouveau problème. Je vous explique :
Je souhaiterais obtenir ceci sur mon forum :
Encadrer les messages [RÉSOLU] Gh10
Donc j'aimerais enfaite, encadrer chaque post dans son intégralité, y compris la signature, la date et autre.

Cependant, sur mon forum de test, je n'arrive à obtenir que ceci :
Encadrer les messages [RÉSOLU] Ad10

Je vous expose de suite le bout de template que j'ai commencé à modifier , elle se trouve dans le template : viewtopic_body.tpl

Code:
<td width="100%;><div class="border-radius: 10px 10px 10px 10px; background-color: #000000;"><a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" width="12" height="9" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" border="0" /></a></td>
            <td valign="top" nowrap="nowrap">{postrow.QUOTE_IMG} {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</td>
         </tr>
         <tr>
            <td colspan="2"><hr /></td>
         </tr>
         <tr>
            <td colspan="2"><div style="border-radius: 10px 10px 10px 10px; background-color: #ffffff;"><span class="postdetails">{L_POSTED}: {postrow.POST_DATE}<span class="gen"> </span>  &nbsp;{L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span><span class="postbody">{postrow.MESSAGE}{postrow.SIGNATURE}</div></span><span class="gensmall"></span></td>
         </tr>
      </table></td>
   </tr>

Je précise avant tout, que je suis sur Xooit et non sur forumactif. =)
Ma question est la suivante, pourquoi est-ce que je n'arrive pas à sélectionner toute l'intégralité du message comme montré sur mon exemple ? Est-ce que mon code est faux ?
Je vous remercie d'avance pour l'aide que vous m'apporter.
Merci simplement de m'avoir lu.

Bonne nuit !


Dernière édition par lora7 le Mar 03 Juil 2012, 10:05, édité 1 fois
MessageSujet: Encadrer les messages [RÉSOLU]   Encadrer les messages [RÉSOLU] EmptyVen 22 Juin 2012, 20:16
Revenir en haut Aller en bas
Doare
Doare
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 544



Encadrer les messages [RÉSOLU] Empty
Il est difficile de donner un avis sur ton bout de code sans voir d'où il est tiré exactement. Smile On ne voit pas où s'ouvre telle ou telle partie, ce qui rend le déchiffrage difficile. Pourrais-tu nous montrer ton template entier ? (Sous des balises HIDE, si tu préfères. Smile)
MessageSujet: Re: Encadrer les messages [RÉSOLU]   Encadrer les messages [RÉSOLU] EmptyVen 22 Juin 2012, 21:50
Revenir en haut Aller en bas
http://art-design.xooit.com
lora7
lora7
{ Membre }
{ Membre }

Féminin Messages : 25



Encadrer les messages [RÉSOLU] Empty
Ho pardon. Je pensais que c'était suffisant, alors voici l'intégralité de ma template "View topic Body" !
Je te remercie d'avoir lu mon post. J'espère que je vous aide à y voir plus clair.. ?


Code:
<table width="100%" cellspacing="2" cellpadding="2" border="0">
  <tr>
   <td align="left" valign="bottom" colspan="2"><a class="maintitle" id="resolu_topic_title href="{U_VIEW_TOPIC}"><img src="http://img7.xooimage.com/files/i/c/icon_nav-3118c.gif" border="0" align="absmiddle">{TOPIC_TITLE}</a><br />
     <span class="gensmall"><b>{PAGINATION}</b><br /> <!-- Insertion du code de test des résolus -->
  <br />
  <img style="display: none;" id="resolu_loader" src="http://www.arcanis.fr/images/loader.gif" alt="Chargement en cours..." />
  <script type="text/javascript">
      /**
      *** Renvoi un objet XMLHttpRequest compatible tout navigateur, ou FALSE si xhr n'est pas disponible
      **/
      if(!getXhr) {
        var getXhr = function() {
            var xhr = null;
            if(window.XMLHttpRequest) {
              xhr = new XMLHttpRequest();
            } else if(window.ActiveXObject) {
              try {
                  xhr = new ActiveXObject("Msxml2.XMLHTTP");
              } catch (e) {
                  xhr = new ActiveXObject("Microsoft.XMLHTTP");
              }
            } else {
              xhr = false;
            }
            return xhr;
        }
      }
     
      /**
      *** Convertis le texte en encodant les principaux caractères en entitées HTML
      *** Note: pas complet, mais suffisant
      **/
      if(!htmlentities) {
        var htmlentities = function(wText) {
            if(typeof(wText)!="string") wText=wText.toString();
            wText=wText.replace(/&/g,"&");
            wText=wText.replace(/"/g,""");
            wText=wText.replace(/</g,"<");
            wText=wText.replace(/>/g,">");
            wText=wText.replace(/'/g,"’");
            return wText;
        }
      }
      if(getXhr) {
        var itsOver = function(state) {
            // On affiche l'icône de chargement
            document.getElementById('resolu_loader').style.display = '';
            // On charge les paramètres du message, en ouvrant la page qui permet d'éditer
            // Note: remerciez Xooit qui à créé la variable S_TOPIC_FIRST_POST_ID pour éviter de lancer une requête en plus :-)
            var xhr = getXhr();
            xhr.open('GET','posting.php?mode=editpost&p={S_TOPIC_FIRST_POST_ID}',false);
            xhr.send(null);
            // On enregistre le résultat dans un élément DIV afin de pouvoir parcourir l'arbre en utilisant DOM (on ne peut pas utiliser responseXML car le texte renvoyé n'est pas 100% valide XML)
            var tmp = document.createElement('div');
            tmp.innerHTML = xhr.responseText;
            // On parcours chaque élément du formulaire principal, et on enregistre chaque composant dans un élément d'un tableau
           
            // Gracias Troll
            var forms = tmp.getElementsByTagName('form');
            for(var i=0;i<forms.length;i++) {
              if(forms[i].name == "post") {
                  var elements = forms[i].elements;
                  break;
              }
            }
           
            var length = elements.length;
            var params = new Array();
            for(var t=0; t<length; t++) {
              // On vérifie que le champs ait un nom, et qu'il soit "checké" dans le cas où il s'agit d'un élément de type RADIO ou CHECKBOX
              if(elements[t].name!='' && ((elements[t].type.toLowerCase()!='radio' && elements[t].type.toLowerCase()!='checkbox') || elements[t].checked)) {
                  if(elements[t].name != 'preview') {
                    if(elements[t].name=='subject') {
                        params[params.length] = 'subject='+encodeURIComponent((state) ? '[Résolu] '+itsOver.TOPIC_TITLE : itsOver.TOPIC_TITLE.replace(/^(\[[^]]+\])*\[Résolu\] /,'$1'));
                    } else {
                        params[params.length] = encodeURIComponent(elements[t].name)+'='+encodeURIComponent(elements[t].value);
                    }
                  }
              }
            }
            // On ouvre une seconde requête XmlHttpRequest, qui cette fois servira à envoyer les paramètres d'édition (et donc à modifier le titre)
            var xhr2 = getXhr();
            xhr2.open('POST','posting.php',false);
            // Cette ligne est obligatoire, car on envoi des données via la méthode POST
            xhr2.setRequestHeader('Content-type','application/x-www-form-urlencoded');
            // params.join('&') va transformer le tableau qui contenait les champs de formulaire en une chaine de caractère dont les champs seront séparés par un &
            xhr2.send(params.join('&'));
            // On retire l'icône de chargement, on switche le bouton, et on modifie le texte
            document.getElementById('resolu_loader').style.display = 'none';
            if(state) {
              document.getElementById('resolu_button').src = 'http://img21.xooimage.com/files/e/5/6/resolu2-49a76b.gif';
              document.getElementById('resolu_button').onclick = function() { itsOver(false); }
              itsOver.TOPIC_TITLE = '[Résolu] '+itsOver.TOPIC_TITLE;
            } else {
              document.getElementById('resolu_button').src = 'http://img28.xooimage.com/files/6/9/e/resolu-49a768.gif';
              document.getElementById('resolu_button').onclick = function() { itsOver(true); }
              // On met à jour la variable itsOver.TOPIC_TITLE
              itsOver.TOPIC_TITLE = itsOver.TOPIC_TITLE.replace(/^(\[[^]]+\])*\[Résolu\]/,'$1');
            }
            document.getElementById('resolu_topic_title').innerHTML = itsOver.TOPIC_TITLE;
        }
        // Affiche l'icône en fonction du titre
        itsOver.TOPIC_TITLE = '{A_TOPIC_TITLE}'.replace('<'+'!-- google_ad_section_start --'+'>','').replace('<'+'!-- google_ad_section_end --'+'>','');
        if(/^(\[[^]]+\])*\[Résolu\]/.test(itsOver.TOPIC_TITLE)) {
            document.write('<img onclick="itsOver(false);" id="resolu_button" style="cursor: pointer;" src="http://img21.xooimage.com/files/e/5/6/resolu2-49a76b.gif" alt="Retirer [Résolu]" />');
        } else {
            document.write('<img onclick="itsOver(true);" id="resolu_button" style="cursor: pointer;" src="http://img28.xooimage.com/files/6/9/e/resolu-49a768.gif" alt="Ajouter [Résolu]" />');
        }
      }
  </script>
<!-- Fin du code des résolus //-->


       </span></td>
  </tr>
</table>

<table width="100%" cellspacing="2" cellpadding="2" border="0">
  <tr>
   <td align="left" valign="bottom" nowrap="nowrap"><span class="nav"><a href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" /></a>   <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" /></a></span></td>
   <td align="left" valign="middle" width="100%"><span class="nav">   <a href="{U_INDEX}" class="nav">{L_INDEX}</a>
     -> <td align="left" valign="bottom" colspan="2" align="absmiddle"><a class="cattitle"></td>
<a href="{U_VIEW_FORUM}" class="nav">{FORUM_NAME}</a></span></td>
  </tr>
</table>

<table class="forumline" width="100%" cellspacing="0" cellpadding="3" border="0">
   <tr align="right">
      <td class="catHead" colspan="2" height="28"><span class="nav"><a href="{U_VIEW_OLDER_TOPIC}" class="nav">{L_VIEW_PREVIOUS_TOPIC}</a> :: <a href="{U_VIEW_NEWER_TOPIC}" class="nav">{L_VIEW_NEXT_TOPIC}</a>  </span></td>
   </tr>
   {POLL_DISPLAY}
   <tr>
      <th class="thLeft" width="150" height="26" nowrap="nowrap">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap">{L_MESSAGE}</th>
   </tr>
   <!-- BEGIN postrow -->
   <tr>
      <td width="150" align="center" valign="top" class="{postrow.ROW_CLASS}"><span class="name"><a name="{postrow.U_POST_ID}"></a><br>

<DIV style=" text-align: center; text-transform: uppercase; width :180px; font-size: 11pt; -moz-border-radius: 15px 15px 15px 15px; background-image:url(http://img79.xooimage.com/files/5/3/c/avatar-35b3f70.png); padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px; margin-left: 5px ; margin-right: 5px ; border-left: 3px #94717e solid; border-right: 3px #94717e solid; border-top: 2px #94717e solid; border-bottom: 2px #94717e solid;">{postrow.POSTER_NAME}
<br>


<div style="border: 3px dotted #e9cfbf">{postrow.POSTER_AVATAR}</div>

<br>

<br><DIV style="border-top: 2px #e9cfbf solid; border-bottom: 2px #e9cfbf solid">{postrow.RANK_IMAGE}</div>
<br><span class="postdetails">
<div style="margin-left: 5px; margin-right: 11px; background-color: #e9cfbf; text-align: left; text-transform: uppercase; font-size: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px;border-left: 5px #94717e solid; border-right: 5px #94717e solid; border-top: 2px #94717e solid; border-bottom: 2px #94717e solid; -moz-border-radius: 10px 10px 10px 10px;">{postrow.POSTER_FROM}</DIV></span><br />
<div style="text-transform: uppercase; font-size: 10px; color: #ffffff;">{postrow.POSTER_JOINED}<br>{postrow.POSTER_POSTS}</DIV></DIV></td> <td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td width="100%;><div class="border-radius: 10px 10px 10px 10px; background-color: #000000;"><a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" width="12" height="9" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" border="0" /></a></td>
            <td valign="top" nowrap="nowrap">{postrow.QUOTE_IMG} {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</td>
         </tr>
         <tr>
            <td colspan="2"><hr /></td>
         </tr>
         <tr>
            <td colspan="2"><div style="border-radius: 10px 10px 10px 10px; background-color: #ffffff;"><span class="postdetails">{L_POSTED}: {postrow.POST_DATE}<span class="gen"> </span>   {L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span><span class="postbody">{postrow.MESSAGE}{postrow.SIGNATURE}</div></span><span class="gensmall"></span></td>
         </tr>
      </table></td>
   </tr>
   <tr>
      <td class="{postrow.ROW_CLASS}" width="150" align="left" valign="middle"><span class="nav"><a href="#top" class="nav">{L_BACK_TO_TOP}</a></span></td>
      <td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="bottom" nowrap="nowrap"><table cellspacing="0" cellpadding="0" border="0" height="18" width="18">
         <tr>
            <td valign="middle" nowrap="nowrap">{postrow.PROFILE_IMG} {postrow.PM_IMG} {postrow.EMAIL_IMG} {postrow.WWW_IMG} {postrow.AIM_IMG} {postrow.YIM_IMG} {postrow.MSN_IMG}<script language="JavaScript" type="text/javascript"><!--

   if ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 && navigator.userAgent.indexOf('5.') == -1 && navigator.userAgent.indexOf('6.') == -1 )
      document.write(' {postrow.ICQ_IMG}');
   else
      document.write('</td><td> </td><td valign="top" nowrap="nowrap"><div style="position:relative"><div style="position:absolute">{postrow.ICQ_IMG}</div><div style="position:absolute;left:3px;top:-1px">{postrow.ICQ_STATUS_IMG}</div></div>');
            
            //--></script><noscript>{postrow.ICQ_IMG}</noscript></td>
         </tr>
      </table></td>
   </tr>
   <tr>
      <td class="spaceRow" colspan="2" height="1"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" alt="" width="1" height="1" /></td>
   </tr>
   <!-- END postrow -->
   <tr align="center">
      <td class="catBottom" colspan="2" height="28"><table cellspacing="0" cellpadding="0" border="0">
         <tr><form method="post" action="{S_POST_DAYS_ACTION}">
            <td align="center"><span class="gensmall">{L_DISPLAY_POSTS}: {S_SELECT_POST_DAYS} {S_SELECT_POST_ORDER} <input type="submit" value="{L_GO}" class="liteoption" name="submit" /></span></td>
         </form></tr>
      </table></td>
   </tr>
</table>

<table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
  <tr>
   <td align="left" valign="middle" nowrap="nowrap"><span class="nav"><a href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" /></a>   <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" /></a></span></td>
   <td align="left" valign="middle" width="100%"><span class="nav">   <a href="{U_INDEX}" class="nav">{L_INDEX}</a>
     -> <a href="{U_VIEW_FORUM}" class="nav">{FORUM_NAME}</a></span></td>
   <td align="right" valign="top" nowrap="nowrap"><span class="gensmall">{S_TIMEZONE}</span><br /><span class="nav">{PAGINATION}</span>
     </td>
  </tr>
  <tr>
   <td align="left" colspan="3"><span class="nav">{PAGE_NUMBER}</span></td>
  </tr>
</table>

<table width="100%" cellspacing="2" border="0" align="center">
  <tr>
   <td width="40%" valign="top" nowrap="nowrap" align="left"><span class="gensmall">{S_WATCH_TOPIC}</span><br />
     &nbsp;<br />
     {S_TOPIC_ADMIN}</td>
   <td align="right" valign="top" nowrap="nowrap">{JUMPBOX}<span class="gensmall">{S_AUTH_LIST}</span></td>
  </tr>
</table>
MessageSujet: Re: Encadrer les messages [RÉSOLU]   Encadrer les messages [RÉSOLU] EmptySam 23 Juin 2012, 16:08
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Encadrer les messages [RÉSOLU] Empty
Hello lora7 !
Je viens aux nouvelles : ton problème est-il toujours d'actualité ?
Merci d'avance de ta réponse Encadrer les messages [RÉSOLU] 926145
MessageSujet: Re: Encadrer les messages [RÉSOLU]   Encadrer les messages [RÉSOLU] EmptyJeu 28 Juin 2012, 09:23
Revenir en haut Aller en bas
http://art-design.xooit.com
lora7
lora7
{ Membre }
{ Membre }

Féminin Messages : 25



Encadrer les messages [RÉSOLU] Empty
Hello ! Bon malheureusement toujours pas ! J'attends toujours quelqu'un qui pourrait m'eclairer !
MessageSujet: Re: Encadrer les messages [RÉSOLU]   Encadrer les messages [RÉSOLU] EmptyJeu 28 Juin 2012, 14:47
Revenir en haut Aller en bas
Doare
Doare
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 544



Encadrer les messages [RÉSOLU] Empty
Je n'ai pas pu m'y pencher encore, j'essaye de regarder ça ce week-end au plus tard. Smile
Si quelqu'un peut le faire avant, il est bien sûr le bienvenu. Smile
MessageSujet: Re: Encadrer les messages [RÉSOLU]   Encadrer les messages [RÉSOLU] EmptyVen 29 Juin 2012, 08:49
Revenir en haut Aller en bas
http://art-design.xooit.com
lora7
lora7
{ Membre }
{ Membre }

Féminin Messages : 25



Encadrer les messages [RÉSOLU] Empty
C'est vraiment adorable de ta part, d'essayer de m'aider. J'te remercie énormément et j'attends ton aide avec impatience... =)
MessageSujet: Re: Encadrer les messages [RÉSOLU]   Encadrer les messages [RÉSOLU] EmptyDim 01 Juil 2012, 18:49
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Encadrer les messages [RÉSOLU] Empty
Je vais regarder mais je ne connais pas bien Xooit ! =)

EDIT : Essaie de remplacer ton template par ceci :

Code:
<table width="100%" cellspacing="2" cellpadding="2" border="0">
  <tr>
  <td align="left" valign="bottom" colspan="2"><a class="maintitle" id="resolu_topic_title href="{U_VIEW_TOPIC}"><img src="http://img7.xooimage.com/files/i/c/icon_nav-3118c.gif" border="0" align="absmiddle">{TOPIC_TITLE}</a><br />
    <span class="gensmall"><b>{PAGINATION}</b><br /> <!-- Insertion du code de test des résolus -->
  <br />
  <img style="display: none;" id="resolu_loader" src="http://www.arcanis.fr/images/loader.gif" alt="Chargement en cours..." />
  <script type="text/javascript">
      /**
      *** Renvoi un objet XMLHttpRequest compatible tout navigateur, ou FALSE si xhr n'est pas disponible
      **/
      if(!getXhr) {
        var getXhr = function() {
            var xhr = null;
            if(window.XMLHttpRequest) {
              xhr = new XMLHttpRequest();
            } else if(window.ActiveXObject) {
              try {
                  xhr = new ActiveXObject("Msxml2.XMLHTTP");
              } catch (e) {
                  xhr = new ActiveXObject("Microsoft.XMLHTTP");
              }
            } else {
              xhr = false;
            }
            return xhr;
        }
      }
     
      /**
      *** Convertis le texte en encodant les principaux caractères en entitées HTML
      *** Note: pas complet, mais suffisant
      **/
      if(!htmlentities) {
        var htmlentities = function(wText) {
            if(typeof(wText)!="string") wText=wText.toString();
            wText=wText.replace(/&/g,"&");
            wText=wText.replace(/"/g,""");
            wText=wText.replace(/</g,"<");
            wText=wText.replace(/>/g,">");
            wText=wText.replace(/'/g,"’");
            return wText;
        }
      }
      if(getXhr) {
        var itsOver = function(state) {
            // On affiche l'icône de chargement
            document.getElementById('resolu_loader').style.display = '';
            // On charge les paramètres du message, en ouvrant la page qui permet d'éditer
            // Note: remerciez Xooit qui à créé la variable S_TOPIC_FIRST_POST_ID pour éviter de lancer une requête en plus :-)
            var xhr = getXhr();
            xhr.open('GET','posting.php?mode=editpost&p={S_TOPIC_FIRST_POST_ID}',false);
            xhr.send(null);
            // On enregistre le résultat dans un élément DIV afin de pouvoir parcourir l'arbre en utilisant DOM (on ne peut pas utiliser responseXML car le texte renvoyé n'est pas 100% valide XML)
            var tmp = document.createElement('div');
            tmp.innerHTML = xhr.responseText;
            // On parcours chaque élément du formulaire principal, et on enregistre chaque composant dans un élément d'un tableau
           
            // Gracias Troll
            var forms = tmp.getElementsByTagName('form');
            for(var i=0;i<forms.length;i++) {
              if(forms[i].name == "post") {
                  var elements = forms[i].elements;
                  break;
              }
            }
           
            var length = elements.length;
            var params = new Array();
            for(var t=0; t<length; t++) {
              // On vérifie que le champs ait un nom, et qu'il soit "checké" dans le cas où il s'agit d'un élément de type RADIO ou CHECKBOX
              if(elements[t].name!='' && ((elements[t].type.toLowerCase()!='radio' && elements[t].type.toLowerCase()!='checkbox') || elements[t].checked)) {
                  if(elements[t].name != 'preview') {
                    if(elements[t].name=='subject') {
                        params[params.length] = 'subject='+encodeURIComponent((state) ? '[Résolu] '+itsOver.TOPIC_TITLE : itsOver.TOPIC_TITLE.replace(/^(\[[^]]+\])*\[Résolu\] /,'$1'));
                    } else {
                        params[params.length] = encodeURIComponent(elements[t].name)+'='+encodeURIComponent(elements[t].value);
                    }
                  }
              }
            }
            // On ouvre une seconde requête XmlHttpRequest, qui cette fois servira à envoyer les paramètres d'édition (et donc à modifier le titre)
            var xhr2 = getXhr();
            xhr2.open('POST','posting.php',false);
            // Cette ligne est obligatoire, car on envoi des données via la méthode POST
            xhr2.setRequestHeader('Content-type','application/x-www-form-urlencoded');
            // params.join('&') va transformer le tableau qui contenait les champs de formulaire en une chaine de caractère dont les champs seront séparés par un &
            xhr2.send(params.join('&'));
            // On retire l'icône de chargement, on switche le bouton, et on modifie le texte
            document.getElementById('resolu_loader').style.display = 'none';
            if(state) {
              document.getElementById('resolu_button').src = 'http://img21.xooimage.com/files/e/5/6/resolu2-49a76b.gif';
              document.getElementById('resolu_button').onclick = function() { itsOver(false); }
              itsOver.TOPIC_TITLE = '[Résolu] '+itsOver.TOPIC_TITLE;
            } else {
              document.getElementById('resolu_button').src = 'http://img28.xooimage.com/files/6/9/e/resolu-49a768.gif';
              document.getElementById('resolu_button').onclick = function() { itsOver(true); }
              // On met à jour la variable itsOver.TOPIC_TITLE
              itsOver.TOPIC_TITLE = itsOver.TOPIC_TITLE.replace(/^(\[[^]]+\])*\[Résolu\]/,'$1');
            }
            document.getElementById('resolu_topic_title').innerHTML = itsOver.TOPIC_TITLE;
        }
        // Affiche l'icône en fonction du titre
        itsOver.TOPIC_TITLE = '{A_TOPIC_TITLE}'.replace('<'+'!-- google_ad_section_start --'+'>','').replace('<'+'!-- google_ad_section_end --'+'>','');
        if(/^(\[[^]]+\])*\[Résolu\]/.test(itsOver.TOPIC_TITLE)) {
            document.write('<img onclick="itsOver(false);" id="resolu_button" style="cursor: pointer;" src="http://img21.xooimage.com/files/e/5/6/resolu2-49a76b.gif" alt="Retirer [Résolu]" />');
        } else {
            document.write('<img onclick="itsOver(true);" id="resolu_button" style="cursor: pointer;" src="http://img28.xooimage.com/files/6/9/e/resolu-49a768.gif" alt="Ajouter [Résolu]" />');
        }
      }
  </script>
<!-- Fin du code des résolus //-->


      </span></td>
  </tr>
</table>

<table width="100%" cellspacing="2" cellpadding="2" border="0">
  <tr>
  <td align="left" valign="bottom" nowrap="nowrap"><span class="nav"><a href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" /></a>  <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" /></a></span></td>
  <td align="left" valign="middle" width="100%"><span class="nav">  <a href="{U_INDEX}" class="nav">{L_INDEX}</a>
    -> <td align="left" valign="bottom" colspan="2" align="absmiddle"><a class="cattitle"></td>
<a href="{U_VIEW_FORUM}" class="nav">{FORUM_NAME}</a></span></td>
  </tr>
</table>

<table class="forumline" width="100%" cellspacing="0" cellpadding="3" border="0">
   <tr align="right">
      <td class="catHead" colspan="2" height="28"><span class="nav"><a href="{U_VIEW_OLDER_TOPIC}" class="nav">{L_VIEW_PREVIOUS_TOPIC}</a> :: <a href="{U_VIEW_NEWER_TOPIC}" class="nav">{L_VIEW_NEXT_TOPIC}</a>  </span></td>
   </tr>
  {POLL_DISPLAY}
  <tr>
      <th class="thLeft" width="150" height="26" nowrap="nowrap">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap">{L_MESSAGE}</th>
  </tr>
  <!-- BEGIN postrow -->
  <tr>
      <td width="150" align="center" valign="top" class="{postrow.ROW_CLASS}"><span class="name"><a name="{postrow.U_POST_ID}"></a><br>
         <DIV style=" text-align: center; text-transform: uppercase; width :180px; font-size: 11pt; -moz-border-radius: 15px 15px 15px 15px; background-image:url(http://img79.xooimage.com/files/5/3/c/avatar-35b3f70.png); padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px; margin-left: 5px ; margin-right: 5px ; border-left: 3px #94717e solid; border-right: 3px #94717e solid; border-top: 2px #94717e solid; border-bottom: 2px #94717e solid;">
            {postrow.POSTER_NAME}
            <br />
            <div style="border: 3px dotted #e9cfbf">
               {postrow.POSTER_AVATAR}
            </div>
            <br />
            <br />
            <DIV style="border-top: 2px #e9cfbf solid; border-bottom: 2px #e9cfbf solid">
               {postrow.RANK_IMAGE}
            </div>
            <br />
            <span class="postdetails">
               <div style="margin-left: 5px; margin-right: 11px; background-color: #e9cfbf; text-align: left; text-transform: uppercase; font-size: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px;border-left: 5px #94717e solid; border-right: 5px #94717e solid; border-top: 2px #94717e solid; border-bottom: 2px #94717e solid; -moz-border-radius: 10px 10px 10px 10px;">
                  {postrow.POSTER_FROM}
               </DIV>
            </span>
            <br />
            <div style="text-transform: uppercase; font-size: 10px; color: #ffffff;">
               {postrow.POSTER_JOINED}
               <br />
               {postrow.POSTER_POSTS}
            </DIV>
         </DIV>
      </td>
      <td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="top">
         <div style="border-radius: 10px 10px 10px 10px; background-color: #ffffff;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td width="100%">
                     <div class="border-radius: 10px 10px 10px 10px; background-color: #000000;">
                        <a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" width="12" height="9" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" border="0" /></a>
                     </div>
                  </td>
                  <td valign="top" nowrap="nowrap">
                     {postrow.QUOTE_IMG} {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}
                  </td>
               </tr>
               <tr>
                  <td colspan="2">
                     <hr />
                  </td>
               </tr>
               <tr>
                  <td colspan="2">
                     {L_POSTED}: {postrow.POST_DATE}
                     <span class="gen"> 
                     {L_POST_SUBJECT}: {postrow.POST_SUBJECT}
                     </span>
                     <span class="postbody">
                        {postrow.MESSAGE}{postrow.SIGNATURE}
                     </span>
                  </td>
               </tr>
            </table>
         </div>
      </td>
   </tr>
   <tr>
      <td class="{postrow.ROW_CLASS}" width="150" align="left" valign="middle"><span class="nav"><a href="#top" class="nav">{L_BACK_TO_TOP}</a></span></td>
      <td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="bottom" nowrap="nowrap"><table cellspacing="0" cellpadding="0" border="0" height="18" width="18">
        <tr>
            <td valign="middle" nowrap="nowrap">{postrow.PROFILE_IMG} {postrow.PM_IMG} {postrow.EMAIL_IMG} {postrow.WWW_IMG} {postrow.AIM_IMG} {postrow.YIM_IMG} {postrow.MSN_IMG}<script language="JavaScript" type="text/javascript"><!--

  if ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 && navigator.userAgent.indexOf('5.') == -1 && navigator.userAgent.indexOf('6.') == -1 )
      document.write(' {postrow.ICQ_IMG}');
  else
      document.write('</td><td> </td><td valign="top" nowrap="nowrap"><div style="position:relative"><div style="position:absolute">{postrow.ICQ_IMG}</div><div style="position:absolute;left:3px;top:-1px">{postrow.ICQ_STATUS_IMG}</div></div>');
           
            //--></script><noscript>{postrow.ICQ_IMG}</noscript></td>
        </tr>
      </table></td>
  </tr>
  <tr>
      <td class="spaceRow" colspan="2" height="1"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" alt="" width="1" height="1" /></td>
  </tr>
  <!-- END postrow -->
  <tr align="center">
      <td class="catBottom" colspan="2" height="28"><table cellspacing="0" cellpadding="0" border="0">
        <tr><form method="post" action="{S_POST_DAYS_ACTION}">
            <td align="center"><span class="gensmall">{L_DISPLAY_POSTS}: {S_SELECT_POST_DAYS} {S_SELECT_POST_ORDER} <input type="submit" value="{L_GO}" class="liteoption" name="submit" /></span></td>
        </form></tr>
      </table></td>
  </tr>
</table>

<table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
  <tr>
  <td align="left" valign="middle" nowrap="nowrap"><span class="nav"><a href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" /></a>  <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" /></a></span></td>
  <td align="left" valign="middle" width="100%"><span class="nav">  <a href="{U_INDEX}" class="nav">{L_INDEX}</a>
    -> <a href="{U_VIEW_FORUM}" class="nav">{FORUM_NAME}</a></span></td>
  <td align="right" valign="top" nowrap="nowrap"><span class="gensmall">{S_TIMEZONE}</span><br /><span class="nav">{PAGINATION}</span>
    </td>
  </tr>
  <tr>
  <td align="left" colspan="3"><span class="nav">{PAGE_NUMBER}</span></td>
  </tr>
</table>

<table width="100%" cellspacing="2" border="0" align="center">
  <tr>
  <td width="40%" valign="top" nowrap="nowrap" align="left"><span class="gensmall">{S_WATCH_TOPIC}</span><br />
      <br />
    {S_TOPIC_ADMIN}</td>
  <td align="right" valign="top" nowrap="nowrap">{JUMPBOX}<span class="gensmall">{S_AUTH_LIST}</span></td>
  </tr>
</table>

Je t'explique !
Ci-dessous, tu as la partie que j'ai modifiée.
Code:
<td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="top">
   <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
         <td width="100%;><div class="border-radius: 10px 10px 10px 10px; background-color: #000000;"><a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" width="12" height="9" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" border="0" /></a></td>
         <td valign="top" nowrap="nowrap">{postrow.QUOTE_IMG} {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</td>
      </tr>
      <tr>
         <td colspan="2"><hr /></td>
      </tr>
      <tr>
         <td colspan="2">
            <div style="border-radius: 10px 10px 10px 10px; background-color: #ffffff;">
               <span class="postdetails">{L_POSTED}: {postrow.POST_DATE}<span class="gen"> </span>  {L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span><span class="postbody">{postrow.MESSAGE}{postrow.SIGNATURE}
            </div>
            </span><span class="gensmall"></span>
         </td>
      </tr>
   </table>
</td>

J'en ai profité pour le nettoyer, c'est à dire enlever des parties qui étaient mal codées et compagnie =) Comme tu le vois, tu as entouré de ta "div" seulement la ligne des "{L_POSTED}", "{L_POST_SUBJECT}" et compagnie. Il faut en fait entourer également "{postrow.QUOTE_IMG}" et cette ligne. Pour cela, j'ai juste déplacé la "div" autour du tableau ! Ce qui donne ceci :
Code:
<td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="top">
   <div style="border-radius: 10px 10px 10px 10px; background-color: #ffffff;">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td width="100%;><div class="border-radius: 10px 10px 10px 10px; background-color: #000000;"><a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" width="12" height="9" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" border="0" /></a></td>
            <td valign="top" nowrap="nowrap">{postrow.QUOTE_IMG} {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</td>
         </tr>
         <tr>
            <td colspan="2"><hr /></td>
         </tr>
         <tr>
            <td colspan="2">
                  <span class="postdetails">{L_POSTED}: {postrow.POST_DATE}<span class="gen"> {L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span><span class="postbody">{postrow.MESSAGE}{postrow.SIGNATURE}</span>
            </td>
         </tr>
      </table>
   </div>
</td>

EDIT 2 : je ne suis absolument pas sûr que ça marche, hein ! ^^ Comme je l'ai dit, je ne connais pas vraiment Xooit ! =)
MessageSujet: Re: Encadrer les messages [RÉSOLU]   Encadrer les messages [RÉSOLU] EmptyLun 02 Juil 2012, 05:12
Revenir en haut Aller en bas
http://art-design.xooit.com
lora7
lora7
{ Membre }
{ Membre }

Féminin Messages : 25



Encadrer les messages [RÉSOLU] Empty
Hé bien tout est est parfait, simplement ! J'ai rien à ajouter, tu es génial vraiment. J'te remercie d'avoir pris la peine de m'aider. Je pense que le fait que mon code soit plein de fautes a du jouer en ma défaveur, car j'avais essayé plusieurs combinaisons différentes qui n'apportaient rien de concret.

Mais là tout est parfait ! Un énorme MERCI pour ton aide, très efficace !!!!
MessageSujet: Re: Encadrer les messages [RÉSOLU]   Encadrer les messages [RÉSOLU] EmptyMar 03 Juil 2012, 10:04
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Encadrer les messages [RÉSOLU] Empty
Mais avec grand plaisir Very Happy
MessageSujet: Re: Encadrer les messages [RÉSOLU]   Encadrer les messages [RÉSOLU] EmptyMar 03 Juil 2012, 10:27
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Encadrer les messages [RÉSOLU] Empty
Hello (:
Je vois que le problème est résolu, par conséquent je déplace !
Merci de l'avoir signalé Encadrer les messages [RÉSOLU] 926145
MessageSujet: Re: Encadrer les messages [RÉSOLU]   Encadrer les messages [RÉSOLU] EmptyMar 03 Juil 2012, 13:41
Revenir en haut Aller en bas
Contenu sponsorisé




Encadrer les messages [RÉSOLU] Empty
MessageSujet: Re: Encadrer les messages [RÉSOLU]   Encadrer les messages [RÉSOLU] Empty
Revenir en haut Aller en bas
 

Encadrer les messages [RÉSOLU]

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» [Résolu] Messages invisibles
» Icones de messages (resolu, en cours ect..)
» [Résolu] Box des derniers messages déformée
» sauvegarde des messages en cours. ♔ NON-RÉSOLU.
» Problème de profil des messages [Résolu]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit | Informatique et Internet | Internet