Catégories rétractables avec image Bouton_activeCatégories rétractables avec image Bouton_hoverCatégories rétractables avec image Fb-hoverCatégories rétractables avec image 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
Catégories rétractables avec image EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Catégories rétractables avec image EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Catégories rétractables avec image EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Catégories rétractables avec image EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Catégories rétractables avec image EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Catégories rétractables avec image EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Catégories rétractables avec image EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Catégories rétractables avec image EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -20%
Sony PULSE Elite – Casque PS5 sans fil (blanc) ...
Voir le deal
119 €

Partagez
 

Catégories rétractables avec image

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Kittaby
Kittaby
{ Membre }
{ Membre }

Féminin Messages : 47



Catégories rétractables avec image Empty
Bonjour et merci de prendre la peine de regarder ce message. :3
Alors, j'ai voulu suivre le tutoriel qui apprend à créer des catégories rétractables. Le truc, c'est que j'ai pas mal modifié mon template index_box, et je voudrais que le bouton + ou - (qui sera une image chez moi) soit placé au niveau du titre la catégorie (qui est ici une image aussi). Pourtant, quand je le fais, le bouton apparaît et lorsque je clique, il change, mais la catégorie ne se rétrécit/agrandit pas. >< J'ai pourtant l'impression d'avoir fait ce qu'il faut, mes catégories sont séparées, etc.
Voilà mon template index_box modifié avec le tutoriel :

Code:
[hide]<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <div class="cate"><img onClick="i= 0;e=this.parentNode.parentNode.parentNode.parentNode.childNodes; while(++i<e.length) if(e[i].tagName=='TR')e[i].style.display=(e[i].style.display=='none')?'':'none';this.src=(this.src=='http://i45.tinypic.com/2z9dxyt.gif')?'http://i47.tinypic.com/xmmlpg.gif':'http://i45.tinypic.com/2z9dxyt.gif';" src=http://i45.tinypic.com/2z9dxyt.gif  />{catrow.tablehead.L_FORUM}
  </div>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="row1 over" colspan="2" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
          <td class="row3 over" align="center" valign="middle" height="50"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /><br>
<span class="gensmall">
  <div class="casemessage"><div class="fmessage">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div><br>
{catrow.forumrow.LAST_POST}</div></span>
</td>
      </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->[/hide]

Merci beaucoup d'avance ! Catégories rétractables avec image 2176505670
MessageSujet: Catégories rétractables avec image   Catégories rétractables avec image EmptyLun 30 Juil 2012, 08:21
Revenir en haut Aller en bas
pamina
pamina
{ Membre actif }
{ Membre actif }

Féminin Messages : 1170



Catégories rétractables avec image Empty
Hello Kittaby !
Je viens aux nouvelles : ton problème est-il toujours d'actualité ?
Je vois qu'il n'y a pas eu de réponse, je le remonte donc au cas où ^^
Merci d'avance de ta réponse Wink
MessageSujet: Re: Catégories rétractables avec image   Catégories rétractables avec image EmptyJeu 02 Aoû 2012, 19:33
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Catégories rétractables avec image Empty
Bonjour !

Il y a un défaut de structure grave dans ton code au niveau de la cellule contenant le script d'ouverture/fermeture, puisqu'un tableau nécessite d'avoir des cellules et que tu n'as qu'une ligne (ergo, il manque un <th> ou <td> après le <tr>, et même remarque évidemment pour les balises fermantes)

En principe ça devrait régler le problème.
MessageSujet: Re: Catégories rétractables avec image   Catégories rétractables avec image EmptyDim 05 Aoû 2012, 11:58
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Catégories rétractables avec image Empty
Bonjour (:
Pas de connexion depuis que tu as posté ton premier message le 30 juillet, donc pas de réponse à la relance de Pamina ni à la solution de 'Christa !
Je considère donc ce sujet comme résolu (:
Si tu as toujours un souci, n'hésite pas à ouvrir un autre sujet !
Merci de ta compréhension Catégories rétractables avec image 926145
MessageSujet: Re: Catégories rétractables avec image   Catégories rétractables avec image EmptyVen 10 Aoû 2012, 06:28
Revenir en haut Aller en bas
Contenu sponsorisé




Catégories rétractables avec image Empty
MessageSujet: Re: Catégories rétractables avec image   Catégories rétractables avec image Empty
Revenir en haut Aller en bas
 

Catégories rétractables avec image

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

 Sujets similaires

-
» Problèmes avec les catégories
» Image au dessus du titre des catégories
» Problème image du haut de mes catégories
» Image de fond derrière les catégories
» [résolu] Image de fond des catégories

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