Problème avec le bouton afficher/masquer. Bouton_activeProblème avec le bouton afficher/masquer. Bouton_hoverProblème avec le bouton afficher/masquer. Fb-hoverProblème avec le bouton afficher/masquer. Fb-active
AccueilForumÉquipe 
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
Problème avec le bouton afficher/masquer. EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème avec le bouton afficher/masquer. EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème avec le bouton afficher/masquer. EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème avec le bouton afficher/masquer. EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème avec le bouton afficher/masquer. EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème avec le bouton afficher/masquer. EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème avec le bouton afficher/masquer. EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème avec le bouton afficher/masquer. EmptySam 11 Fév 2023, 06:04 par Krager

Le deal à ne pas rater :
SSD interne Crucial BX500 2,5″ SATA – 500 Go à 29,99€
29.99 €
Voir le deal

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Problème avec le bouton afficher/masquer.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://tamaki-road.forumactif.com/
Kimi267
{ Membre }
{ Membre }

Féminin Messages : 17



Problème avec le bouton afficher/masquer. Empty
Bonjour,

# L'adresse de votre forum:Ici,
# Explications du problème:J'ai voulu faire un bouton pour afficher ou masquer le profil, et lorsque j'ai voulu lui mettre un fond quand il est fermé ou ouvert, aucun changement :/ en plus, maintenant, mon avatar est décalé vers le bas, et est entouré d'une bordure dashed :/
Screen:
Problème avec le bouton afficher/masquer. 820025Capture_6

# Le navigateur utilisé:Firefox.
# Les codes ajoutés avant le problème:Du css et un template :/
Code:
/**TRANSPARENCE DE LA BANNIÈRE**/

body {
background-attachment:scroll;
background-position:center top;
background-color:#FFFFFF;
background-image:url(http://img7.hostingpics.net/pics/68456Banniere.png);
}

/**CHANGEMENT LORS DU SURVOL DES LIENS**/

a:hover{text-transform:uppercase;
}

a {font-variant: small-caps;
}

a:link {text-decoration: none
;
}

a:hover{text-decoration: none !important;
}

a { text-decoration: none;
}

a:link { text-decoration: none;
}

a:hover { text-decoration: none;
}

a:hover{
letter-spacing : 1px; }

body
{font-variant: small-caps ;
}

/**PERSONNALISATION DE LA BARRE DE NAVIGATION**/

a.mainmenu {
position: relative;
top: -25px;
text-align: left;
font-size: 60%;
background-color: #b9de91;
color: #8ca56b;
border-left: 10px solid #8ca56b;
}

a.mainmenu:hover {
position: relative;
top: -25px;
text-align: left;
font-size: 60%;
border-left: 10px solid #ef750c;
background-image: url("http://img7.hostingpics.net/pics/309579Fond.png");
color: #8ca56b;
border-left: 10px solid #8ca56b;
}

/**FOND DE CATÉGORIE**/

td.row1{
background-image: url("http://img7.hostingpics.net/pics/309579Fond.png");
}

td.row2{
background-image: url("http://img7.hostingpics.net/pics/309579Fond.png");
}

td.row3{
background-image: url("http://img7.hostingpics.net/pics/309579Fond.png");
}

td.row3Right{background-image : url(http://img7.hostingpics.net/pics/309579Fond.png);
}

/**TITRE DE LA CHATBOX**/

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "As in a dream."; }

/**IMAGE DE FOND DE LA CHATBOX**/

body.chatbox {
background-image: url(http://img7.hostingpics.net/pics/880383Stats.png);
}

/**CADRE AUTOUR DU TITRE DES CATÉGORIES**/

a.forumlink {
text-decoration: none;
background-image: url("http://img7.hostingpics.net/pics/295456Separation.png");
border-bottom: 2px double #F8C38D;
border-top: 2px double #F8C38D;
-moz-border-radius: 10px ;
border-right: 5px solid #F8C38D;
-moz-border-radius: 10px ;
border-left: 5px solid #F8C38D;
display:block;
}

a.forumlink:hover {
text-decoration: none;
background-image: url("http://img7.hostingpics.net/pics/336108Separation1.png");
border-bottom: 2px double #F8C38D;
border-top: 2px double #F8C38D;
-moz-border-radius: 10px ;
border-right: 5px solid #F8C38D;
-moz-border-radius: 10px ;
border-left: 5px solid #F8C38D;
display:block;
}

/**ARRONDISSEMENT DES ZONES DE SAISIE**/

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}*

/**ESPACEMENT ENTRE LE PROFIL ET LE MESSAGE**/

tr.post td {padding-left: 10px;}

/**SUPPRESSION DE LA PHRASE DE MODIFICATION DE MESSAGE**/

tr.post span.gensmall { display: none; }

/**CHANGEMENT DES CITATIONS**/

.quote {
background-image: url('http://img7.hostingpics.net/pics/383573Fond1.png') !important;
border:1px #F8C38D dashed;
-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color: #000000;
}

/**CHANGEMENT DES CODES**/

.code {
background-image: url('http://img7.hostingpics.net/pics/383573Fond1.png') !important;
border:1px #F8C38D dashed;
-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color: #000000;
}

/**CHANGEMENT LORS DU SPOILER FERME**/

.spoiler_closed{
background-image: url('http://img7.hostingpics.net/pics/383573Fond1.png') !important;
border:1px #F8C38D dashed;
-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

/**CHANGEMENT LORS DU SPOILER OUVERT**/

.spoiler_content{
background-image: url('http://img7.hostingpics.net/pics/383573Fond1.png') !important;
border:1px #F8C38D dashed;
-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color: #000000;
}

/**CHANGEMENT DE LOPACITÉ LORS DU SURVOL DUNE IMAGE**/

.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}

/**PERSONNALISATION DU QEEL**/

.statistiques{
border:0px;
background-image: url("http://img7.hostingpics.net/pics/880383Stats.png");
background-repeat: no-repeat;
background-position: center;
height:350px;}

.groupes{
background-image: url("http://img7.hostingpics.net/pics/474466Separation2.png");
border: 1px #a17e58 solid;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:11;text-align:center;

/**BOUTONS MONTER ET DESCENDRE**/

.ascenseur {
position: fixed;
top: 50px;
left: 0px;
background-color: #ffffff;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}

/**PRÉSENTATION DES TITRES IMPORTANTS PAR LA BARRE DE SÉPARATION**/

.séparation {
    background-image: url('http://img7.hostingpics.net/pics/474466Separation2.png');
    background-repeat: no-repeat;
    background-position: center left;
    border: 1px solid #F8C38D;
    color: #a17e58;
}

/**PRÉSENTATION DES SUJETS IMPORTANTS PAR UNE LETTRINE**/

.lettrine {
float: left;
font-size : 40px;
padding-top : 10px;
margin-bottom : 4px;
}

/**AFFICHAGE ET MASQUAGE DU PROFIL DANS DANS LES MESSAGES**/

.profilmasque {
background-image:url('http://img7.hostingpics.net/pics/383573Fond1.png')
border: 1px #a17e58 solid;
font-size: 11px;
letter-spacing: 1px;
}

.profil1 {
width: 200px;
background-image:url('http://img7.hostingpics.net/pics/383573Fond1.png')
border: 1px ;
border: 1px #a17e58 solid;
letter-spacing: 1px;
}

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 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&pub=forumotion">{L_SHARE}</a>
             | 
            <script type="text/javascript">
            //<![CDATA[
            insert_plus_menu('f{FORUM_ID}&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" nowrap="nowrap" class="t-title"><h1 class="cattitle"> <!-- google_ad_section_start -->{TOPIC_TITLE}<!-- google_ad_section_end --></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="#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">
        <div class="profilentour">
        <center><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span></center><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            <center><span class="rankpic">{postrow.displayed.RANK_IMAGE}</span><span class="posterava"><div style="border: 1px dashed grey;">{postrow.displayed.POSTER_AVATAR}</div></span></center></div><br />
 <div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='°~Profil & RPG~°')?'XxProfil & RPGxX':'°~Profil & RPG~°';this.lastChild.style.display=(this.firstChild.value=='°~Profil & RPG~°')?'none':'block';" style="text-align: center;"><input type="button" value="°~Profil & RPG~°" class="profil1"/><div style="display: none;  text-align:left;">
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
            </div></div>
        </span><br />
 
</div>
<div id=""></div><br />
        <img src="http://2img.net/i/fa/vide.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>
                     <center><div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                    </div></center>
                  </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>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- END first_post_br -->
   <!-- END displayed -->
   <!-- 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" nowrap="nowrap" 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>

<table class="forumline noprint" width="100%" border="0" cellspacing="1" 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}<br />
         <!-- END switch_user_logged_in -->
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
         <td class="row2" valign="top" width="25%"><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>
      <!-- BEGIN viewtopic_bottom -->
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->
      <!-- BEGIN moderation_panel -->
      <td align="center">
         <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
         <span class="gensmall"> </span>
      </td>
      <!-- END moderation_panel -->
   </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
         <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />
            <input type="hidden" name="sid" value="{S_SID}" />
            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
         </form>
      </td>
   </tr>
</table>
<!-- END viewtopic_bottom -->

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

<script type="text/javascript" src="{JS_DIR}addthis/addthis_widget.js"></script>

# La version du forum:Phbb2.

Merci d'avance :p
MessageSujet: Problème avec le bouton afficher/masquer.   Problème avec le bouton afficher/masquer. EmptyLun 12 Juil 2010, 04:30
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Problème avec le bouton afficher/masquer. Empty
Bonsoir,

Le problème de la bordure vient de ton template; tu as ceci dedans :

Code:
<span class="posterava"><div style="border: 1px dashed grey;">{postrow.displayed.POSTER_AVATAR}</div></span>
Soit un trait de 1 pixels, en pointillé et gris ... J'ai retiré tout ce qui ne te servait pas dans ton code; normalement tu ne devrais plus avoir de trait :

Spoiler:


Concernant le fond qui ne s'affiche pas, c'est aussi normal xD Il te manque un point virgule dans ton code CSS. Je te conseille de le modifier par cela :

Citation :
/**AFFICHAGE ET MASQUAGE DU PROFIL DANS DANS LES MESSAGES**/

.profilmasque
{background-image:url('https://2img.net/r/hpimg7/pics/383573Fond1.png');
border: 1px #a17e58 solid;
font-size: 11px;
letter-spacing: 1px;}

.profil1
{width: 200px;
background-image:url('https://2img.net/r/hpimg7/pics/383573Fond1.png');
border: 1px solid #a17e58;
letter-spacing: 1px;}
Il te manquait ce qui est en rouge Wink


EDIT : En lisant ton CSS j'ai remarqué que tu avais pas mal de balises mal refermées; je me suis permise de te le refaire :

Spoiler:
MessageSujet: Re: Problème avec le bouton afficher/masquer.   Problème avec le bouton afficher/masquer. EmptyVen 16 Juil 2010, 14:47
Revenir en haut Aller en bas
http://forum.forumactif.com
Tech
Tech
{ Membre actif }
{ Membre actif }

Masculin Messages : 1378



Problème avec le bouton afficher/masquer. Empty
Bonjour,

Où en est la demande ?
Le problème est-il toujours d'actualité ?
MessageSujet: Re: Problème avec le bouton afficher/masquer.   Problème avec le bouton afficher/masquer. EmptyVen 23 Juil 2010, 08:13
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Problème avec le bouton afficher/masquer. Empty
    Bonjour,

    Aucune relance de la part du créateur du sujet ! Je considère donc ce problème comme étant résolu et je le déplace pour céder la place aux problèmes en cours.

    Si vous avez d'autres questions, merci d'ouvrir un nouveau topic en respectant les règles de l'entraide.
MessageSujet: Re: Problème avec le bouton afficher/masquer.   Problème avec le bouton afficher/masquer. EmptyVen 30 Juil 2010, 05:48
Revenir en haut Aller en bas
Contenu sponsorisé




Problème avec le bouton afficher/masquer. Empty
MessageSujet: Re: Problème avec le bouton afficher/masquer.   Problème avec le bouton afficher/masquer. Empty
Revenir en haut Aller en bas
 

Problème avec le bouton afficher/masquer.

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

 Sujets similaires

-
» Masquer/afficher infos profil (?)
» Problème avec l'iframe (signature) avec les codes couleurs. (non résolu)
» Problème de profil à masquer
» Masquer la feuille de personnage, problème CSS.
» Afficher les catégories d'un forum avec des onglets.

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-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

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