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! |
| Encadrer les messages [RÉSOLU] | |
| lora7
{ Membre }
Messages : 25
| Bonsoir,
Voilà, aujourd'hui, je me trouves confronté à un nouveau problème. Je vous explique : Je souhaiterais obtenir ceci sur mon forum :
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 :
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> {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 | |
| | | Doare
{ Spécialiste }
Messages : 544
| Il est difficile de donner un avis sur ton bout de code sans voir d'où il est tiré exactement. 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. ) | | |
| | | lora7
{ Membre }
Messages : 25
| 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 /> <br /> {S_TOPIC_ADMIN}</td> <td align="right" valign="top" nowrap="nowrap">{JUMPBOX}<span class="gensmall">{S_AUTH_LIST}</span></td> </tr> </table>
| | |
| | | Psycho
Psychopathe
Messages : 3407
| Hello lora7 ! Je viens aux nouvelles : ton problème est-il toujours d'actualité ?Merci d'avance de ta réponse | | |
| | | lora7
{ Membre }
Messages : 25
| Hello ! Bon malheureusement toujours pas ! J'attends toujours quelqu'un qui pourrait m'eclairer ! | | |
| | | Doare
{ Spécialiste }
Messages : 544
| Je n'ai pas pu m'y pencher encore, j'essaye de regarder ça ce week-end au plus tard. Si quelqu'un peut le faire avant, il est bien sûr le bienvenu. | | |
| | | lora7
{ Membre }
Messages : 25
| C'est vraiment adorable de ta part, d'essayer de m'aider. J'te remercie énormément et j'attends ton aide avec impatience... =) | | |
| | | Boow
{ Membre actif }
Messages : 866
| 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 ! =) | | |
| | | lora7
{ Membre }
Messages : 25
| 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 !!!! | | |
| | | Boow
{ Membre actif }
Messages : 866
| Mais avec grand plaisir | | |
| | | Psycho
Psychopathe
Messages : 3407
| Hello (: Je vois que le problème est résolu, par conséquent je déplace ! Merci de l'avoir signalé | | |
| | | Contenu sponsorisé
| | | | | Encadrer les messages [RÉSOLU] | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|