Des espaces noirs incongrus

[princesspeach]

Bonjour à tous ! Voilà, j'ai énormément modifié l'apparence de mon forum, et entre autres joué sur les couleurs. Tout fonctionne comme je le souhaite, seulement, bien que je n'ai jamais demandé à ce qu'il y ait du noir ici ou là, des cadres noirs se retrouvent à plusieurs endroits de mon forum. Le plus gênant est sur le profil des membres :
https://2img.net/h/oi54.tinypic.com/2r22o3a.jpg
Alors que les deux images titres sont transparentes toutes les deux, la première passe très bien et la deuxième est comme encadré de noir. Alors que dans le template correspondant, il me semble qu'on a bien l'image de base transparente :
https://2img.net/r/ihimizer/img842/3176/clickopen.png

Voilà le template concerné :

Code:

<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(){
   _atc.cwait = 0;
   $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
         addthis_close();
         addthis_close();
      }
   });
});
//]]>
</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"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
         <!-- END switch_user_authpost -->
         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         <!-- END switch_user_authreply -->
         </span>
      </td>
      <td align="left" valign="middle" nowrap="nowrap">
         <!-- BEGIN switch_twitter_btn -->
         <span id="twitter_btn" style="margin-left: 6px; ">
         <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
         <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
         </span>
         <!-- END switch_twitter_btn -->
         <!-- BEGIN switch_fb_likebtn -->
         <span id="fb_likebtn" style="margin-left: 6px; ">
            <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
         </span>
         <!-- END switch_fb_likebtn -->
      </td>
      <td class="nav" 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="bottom" nowrap="nowrap" width="100%">
         <span class="gensmall bold">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a>
             | 
            <script type="text/javascript">//<![CDATA[
               var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
               var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
               var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
               var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
               var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
               var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
               insert_plus_menu('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
         </span>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr align="right">
      <td class="catHead" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title">
                  <h1 class="cattitle"> {TOPIC_TITLE}</h1>
               </td>
               <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN topicpagination -->
   <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END topicpagination -->
   {POLL_DISPLAY}
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
   <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
         <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><div class=profilentour><div class=pioupiou><center><div class=nametitle><img src="http://img862.imageshack.us/img862/1042/fsesf.gif"></img>SAY HELLO TO « <strong>{postrow.displayed.POSTER_NAME}</strong> »</center></div></span>
<center><div class=opacity><img src="http://img823.imageshack.us/img823/5906/1302446585questionblock.png"></img> <img src="http://img823.imageshack.us/img823/5906/1302446585questionblock.png"></img> <img src="http://img823.imageshack.us/img823/5906/1302446585questionblock.png"></img> <img src="http://img823.imageshack.us/img823/5906/1302446585questionblock.png"></img></div></center>
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}

            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}</div></div></div>

<div class=profilentour><center><img src="http://img64.imageshack.us/img64/2636/strawberryjuniper.png"></img></center>
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field --><div onClick="this.firstChild.src=(this.firstChild.src=='http://img842.imageshack.us/img842/3176/clickopen.png')?'http://img805.imageshack.us/img805/6579/clickclose.png':'http://img842.imageshack.us/img842/3176/clickopen.png';this.lastChild.style.display=(this.firstChild.src=='http://img842.imageshack.us/img842/3176/clickopen.png')?'none':'block';" style="text-align: center; padding: 3px;"><input type="image" src="http://img842.imageshack.us/img842/3176/clickopen.png"/><div style="display: none; text-align: left;"><span style="white-space:nowrap;">{postrow.displayed.POSTER_RPG}</span></div></div></div>
         </span>

         <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
               <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
               </td>
            </tr>
            <tr>
               <td colspan="2" class="hr">
                  <hr />
               </td>
            </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="postbody">

                     <div>{postrow.displayed.MESSAGE}</div>

                     <!-- BEGIN switch_attachments -->
                     <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                           <!-- BEGIN switch_post_attachments -->
                           <dl class="file">
                              <dt>
                                 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                 <!-- BEGIN switch_dl_att -->
                                 <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_dl_att -->

                                 <!-- BEGIN switch_no_dl_att -->
                                 {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                 <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                 <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                           </dl>
                           <!-- END switch_post_attachments -->
                        </dd>
                     </dl>
                     <!-- END switch_attachments -->

                     <div class="clear"></div>
                     <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                     </div>

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <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">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN first_post_br -->
</table>


<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 -->
   <!-- BEGIN hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
   <!-- END postrow -->
   <!-- BEGIN no_post -->
   <tr align="center">
      <td class="row1" colspan="3" height="28">
         <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
   </tr>
   <!-- END no_post -->
   <tr align="right">
      <td class="catBottom" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></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>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="row2 postbody" valign="top">
         <!-- BEGIN link -->
         » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a>

         <!-- END link -->
      </td>
   </tr>
</table>
<!-- END promot_trafic -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
   </tr>
   <!-- BEGIN switch_user_logged_in -->
   <!-- BEGIN watchtopic -->
   <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
   </tr>
   <!-- END watchtopic -->
   <!-- END switch_user_logged_in -->
   <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
         <!-- BEGIN switch_user_logged_in -->
         <a name="quickreply"></a>
         {QUICK_REPLY_FORM}

         <!-- 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%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
         <td class="row1" valign="top" width="75%"><span class="gensmall">{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"><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>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
               </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"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></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">
{S_TOPIC_ADMIN}

         <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />
            <input type="hidden" name="sid" value="{S_SID}" />
            <span class="gen">{L_MOD_TOOLS}
{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
         </form>
      </td>
   </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Ce noir se retrouve à d'autres endroits, mais c'est moins gênant : lors d'un post, les menus déroulants pour la police, la taille et la couleur du texte sont ainsi en noir. Est-ce que quelqu'un aurait une idée de l'origine du problème ? Merci d'avance en tous les cas !

[SoraNoHime]

Bonjour,

pouvez-vous me fournir la css associée, car je n'ai pas du tout les cadres noirs dont vous parlez. Puis-je aussi avoir un scan ou une vue direct par un lien accessible aux invités sur le problèmes en question ?

COrdialement.

[princesspeach]

Mon CSS est énorme et en bazzar, mais c'est pour ça que je ne l'ai pas mis, mais si cela peut aider je vous mets le début qui concerne le profil. Je peux aussi vous le fournir en entier évidemment :

Code:


/* _____________________

PROFIL
______________________ */

.nametitle{
background-color:#eaf2f1;
color:#95a7a2;
-moz-border-radius:14px 14px 1px 1px;
padding:3px;
text-transform: lowercase;
text-shadow:#c0ceca 1px 1px 2px;}


.profilentour{
background-color: #ffffff;
font-size:11px;
margin:3px;
padding:5px;
border-top:3px solid #e1e2e6;
border-right:7px solid #afa4ac;
border-bottom:3px solid #e1e2e6;
border-left:3px solid #e1e2e6;
-moz-border-radius:22px;}


.profilentour4{
background-image: url("http://img820.imageshack.us/img820/7026/dffa.gif");
background-color:#ffffff;
font-size:11px;
margin:3px;
padding:5px;
border-top:3px solid #e1e2e6;
border-right:7px solid #afa4ac;
border-bottom:3px solid #e1e2e6;
border-left:3px solid #e1e2e6;
-moz-border-radius:22px;}


.profil {letter-spacing:0px; margin-bottom:-6px;text-align: justify; font-family: arial; font-size; 11px;}

.postbody {font: normal 11px Arial;padding-bottom:10px;
padding-top: 5px;
padding-left:10px;
padding-right:10px;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
margin-top: 5px;
display: block;
text-align: justify;
line-height:11px;}


.profilentour1 {
background-color:#ffffff;
padding-top:5px;
padding-bottom:5px;
padding-right:5px;
padding-left:5px;
line-height:10px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-box-shadow: 0px 0px 15px #9A9A9A
}

.profilentour2 {
background-image: url("http://img820.imageshack.us/img820/7026/dffa.gif");
background-color:#ffffff;
background-repeat: no-repeat;
padding-top:5px;
padding-bottom:5px;
padding-right:5px;
padding-left:5px;
line-height:10px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-box-shadow: 0px 0px 15px #9A9A9A
}


Un scan, n'est-ce-pas ce que j'ai montré ici :
https://2img.net/h/oi54.tinypic.com/2r22o3a.jpg
Normalement, la partie noire n'est pas présente.

Mon forum est en construction et je vais bientôt l'ouvrir aux membres, du coup quelques uns attendent l'ouverture et je veux préserver la surprise de l'esthétique et tout et tout, c'est pourquoi on ne peut pas y accéder en invité pour l'instant. Mais si cela peut aider, je ferais sauter temporairement le mode construction (;

Merci énormément de vous pencher sur mon souci =/

edit : en tout cas cela me rassure si certains ne voient pas ce cadre noir (;

[SoraNoHime]

Comme vous pouvez le voir ici, je n'ai pas un cadre noir, mais bleu comme mon fond.

Votre fond est-il noir par hasard ?

Cordialement.

[princesspeach]

Étonnant car non, pas du tout chez moi :
https://2img.net/h/oi56.tinypic.com/nvp26e.jpg
Mon fond est de cette couleur beige/marron.

Je ne vois pas d'où cela provient =/

[SoraNoHime]

la transparence du png ne doit pas être prise en compte sur votre image. Vous devriez la passez en .gif ou transformer votre image en lui donnant la couleur de fond voulu.

Si vous ne savez pas comment faire, vous pouvez faire une demande dans la section graphique

Cordialement.

[princesspeach]

Je veux bien essayer, mais il y a d'autres endroits où le noir apparaît alors qu'il ne devrait pas, et pas autour d'images.

Ce noir se retrouve à d'autres endroits, mais c'est moins gênant : lors d'un post, les menus déroulants pour la police, la taille et la couleur du texte sont ainsi en noir.

De plus, l'autre image du profil fonctionne parfaitement, alors qu'elle est aussi transparente et en png, donc je ne pense malheureusement pas que le problème vienne de là ><

[SoraNoHime]

Puis-je avoir un lien où je pourrais voir ces problèmes ?

Pour les images en png, cela m'est déà arrivé que certaines soient prises en compte et d'autres non. SOuvent c'est dû à l'hébergeur d'image qui laisse le .png ou .gif, mais bugue et enregistre en .jpg. d'où mon conseil.

Puis-je aussi avoir votre css complète, ainsi que qu'un scan des couleurs de vos couleurs de fond et contours dans PA > Affichage > Couleurs ?

Nous allons faire la chasse à ce noir ^^

Cordialement.

[princesspeach]

Merci énormément de me soutenir dans cette chasse (;
Pour le lien, comme expliqué, le forum est en construction. Mais je peux vous donner l'identifiant et le mdp d'un PNJ admin, pour que vous ayez accès à tout (a)
En attendant, voici deux captures :
https://2img.net/h/oi52.tinypic.com/muzfns.jpg
https://2img.net/h/oi53.tinypic.com/289zlhh.jpg


et mon CSS complet :



Et voici mes couleurs :
https://2img.net/h/oi52.tinypic.com/24zycue.jpg
https://2img.net/h/oi52.tinypic.com/23lz8n4.jpg


Si vous y comprenez quelque chose, chapeau (;

[Scoubifitz]

<div onClick="this.firstChild.src=(this.firstChild.src=='https://2img.net/r/ihimizer/img842/3176/clickopen.png')?'https://2img.net/r/ihimizer/img805/6579/clickclose.png':'https://2img.net/r/ihimizer/img842/3176/clickopen.png';this.lastChild.style.display=(this.firstChild.src=='https://2img.net/r/ihimizer/img842/3176/clickopen.png')?'none':'block';" style="text-align: center; padding: 3px;"><input type="image" src="https://2img.net/r/ihimizer/img842/3176/clickopen.png"/><div style="display: none; text-align: left;"><span style="white-space:nowrap;">{postrow.displayed.POSTER_RPG}</span></div>

bonjour,

le coupable ? une couleur noire pour la balise "input" ...

input, textarea, select {background-color:#000000;}

[SoraNoHime]

enlever au trois quart de votre css

Code:

 input, textarea, select {background-color:#000000;}

tout le noir disparaitra ^^

Cordialement.

[princesspeach]

Je ... je comprends pas tout =O
Le code qui est là, c'est mon template et il n'y a pas de couleur noire =/ Ce que vous écrivez par la suite

Code:

input, textarea, select {background-color:#000000;}

je dois le mettre quelque part ou...

Désolée si j'ai loupé un truc, merci en tous les cas *-*

ediiit : ah, un message posté en même temps que le mien, je vais essayer de suivre cette consigne alors, je vous tiens a courant !

ediiit : plus de noir nulle part ! MERCI ÉNORMÉMENT !
Maintenant l'image "clickOPEN" du profil prend la couleur de fond du forum, tout est logique... ce n'est pas le transparent espéré, mais c'est déjà mieux que le noir x)

[SoraNoHime]

votre bouton, car l'image est sur un bouton est bien transparente, c'est votre bouton qui n'a pas de background.

Il faudrait ajouter dans votre css là où vous avez mis l'image et avant "}"

background-color : #votre couleur;

Cordialement.

[princesspeach]

Il faudrait ajouter dans votre css là où vous avez mis l'image et avant "}"

background-color : #votre couleur;

Dans mon css là où j'ai mis l'image ? Mais mon image est directement dans le QEEL, elle n'est pas dans le css.. Je dois louper un truc encore une fois, désolée =/

[SoraNoHime]

pas de soucis,

repérez ceci dans votre template :

Code:

<!-- END profile_field --><div onClick="this.firstChild.src=(this.firstChild.src=='http://img842.imageshack.us/img842/3176/clickopen.png')?'http://img805.imageshack.us/img805/6579/clickclose.png':'http://img842.imageshack.us/img842/3176/clickopen.png';this.lastChild.style.display=(this.firstChild.src=='http://img842.imageshack.us/img842/3176/clickopen.png')?'none':'block';" style="text-align: center; padding: 3px;"><input type="image" src="http://img842.imageshack.us/img842/3176/clickopen.png"/><div style="display: none; text-align: left;"><span style="white-space:nowrap;">{postrow.displayed.POSTER_RPG}</span></div></div></div>

et remplacez le ainsi alors :

Code:

<!-- END profile_field --><div onClick="this.firstChild.src=(this.firstChild.src=='http://img842.imageshack.us/img842/3176/clickopen.png')?'http://img805.imageshack.us/img805/6579/clickclose.png':'http://img842.imageshack.us/img842/3176/clickopen.png';this.lastChild.style.display=(this.firstChild.src=='http://img842.imageshack.us/img842/3176/clickopen.png')?'none':'block';" style="text-align: center; padding: 3px;background-color : #votre couleur;"><input type="image" src="http://img842.imageshack.us/img842/3176/clickopen.png"/><div style="display: none; text-align: left;"><span style="white-space:nowrap;">{postrow.displayed.POSTER_RPG}</span></div></div></div>

repérez bien le background-color : #votre couleur; à l'intérieur pour y mettre la couleur voulue.

[princesspeach]

J'ai modifié, j'ai mis #FFFFFF puisque le fond du profil est blanc, mais ça ne change rien, j'ai exactement le même résultat, avec le fond derrière l'image de la couleur du fond de mon forum =O

[Scoubifitz]

re coucou ! ^^

c'est la balise "input" qui était noire au départ ...

donc il faut lui donner un style pour qu'elle devienne blanche ...

remplacez ceci :

Code:

<!-- END profile_field --><div onClick="this.firstChild.src=(this.firstChild.src=='http://img842.imageshack.us/img842/3176/clickopen.png')?'http://img805.imageshack.us/img805/6579/clickclose.png':'http://img842.imageshack.us/img842/3176/clickopen.png';this.lastChild.style.display=(this.firstChild.src=='http://img842.imageshack.us/img842/3176/clickopen.png')?'none':'block';" style="text-align: center; padding: 3px;"><input type="image" src="http://img842.imageshack.us/img842/3176/clickopen.png"/><div style="display: none; text-align: left;"><span style="white-space:nowrap;">{postrow.displayed.POSTER_RPG}</span></div></div></div>

par ceci :

Code:

<!-- END profile_field --><div onClick="this.firstChild.src=(this.firstChild.src=='http://img842.imageshack.us/img842/3176/clickopen.png')?'http://img805.imageshack.us/img805/6579/clickclose.png':'http://img842.imageshack.us/img842/3176/clickopen.png';this.lastChild.style.display=(this.firstChild.src=='http://img842.imageshack.us/img842/3176/clickopen.png')?'none':'block';" style="text-align: center; padding: 3px;"><input type="image" src="http://img842.imageshack.us/img842/3176/clickopen.png" style="background-color:#fff;" /><div style="display: none; text-align: left;"><span style="white-space:nowrap;">{postrow.displayed.POSTER_RPG}</span></div></div></div>

[princesspeach]

Ca fonctionne parfaitement, merci beaucoup à tout le monde !