Bonjour

J'aimerais appliquer ces propriétés à mes sous-forums :



Je vous copie la partie concernée de mon Template :

Code:

<span class="forumlink">
               <span class="sousf"><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>
         <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>

Pourtant, dès que j'essaie, le code ne s'applique pas à TOUT le sous-forum (c'est à dire le titre + la description), mais seulement au titre.

Je vous donne un petit aperçu :



En résumé, j'aimerais appliquer ces personnalisations à l'intégralité du sous-forum! Auriez-vous une idée?
Merci d'avance!

Bonjour Mr Riz !

En fait, c'est tout à fait normal et très simple à comprendre (donc à corriger).

Tu as créé une classe .sousf que tu stylise dans ton CSS. Cela signifie que tout élément qui portera cette classe se verra attribuer cette mise en forme.

Dans ton HTML, tu écris :

Code:

<span class="forumlink">
    <span class="sousf">
        <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
            {catrow.forumrow.FORUM_NAME}
        </a><br />
    </span>
   
    ...

Tu as appliqué ta classe à la propriété {catrow.forumrow.FORUM_NAME} (en gros), qui représente a priori le titre de ton forum.
Et quid du reste du sous-forum ?

Tu veux que ton style s'applique à tout ton sous-forum et pas juste au titre, or tu applique la classe uniquement au titre et pas à tout ton sous-forum ! Il est là ton soucis


Essaie d'appliquer la classe .sousf à l'ensemble de ton sous-forum et dis nous ce que ça donne.
L'avantage étant que tu peux réutiliser une classe autant de fois que tu le souhaites, il te suffit par exemple de cibler les variables qui t'intéresse si tu ne veux pas englober tout ton template. Pour cela, je te réfère à l'excellente catégorie de Décryptage de CSSActif qui te permettra de décoder la signification des variables de ton template

bonjour et pardon d'avoir délaissé le sujet alors qu'il a eu une réponse si rapide! ♥
donc, j'ai tenté d'appliquer la classe .sousf à toute mon sous-forum, ce qui a donné ça :

Code:

<span class="forumlink">
    @ <span class="sousf"> @
        <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
            {catrow.forumrow.FORUM_NAME}
        </a><br />
   
         </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></span>@</span>@

j'ai entouré avec des arobases les codes qui se complètent (après avoir collé dans ce message bien sûr, pas dans le Template). pourtant, le code s'applique toujours seulement au titre (en plus, il y a un bug qui coupe le cadre en deux, bref c'est laid). il y aurait un problème avec mes ?

oui mon problème est toujours d'actualité! désolée, avec la reprise, j'ai du mal à me souvenir des choses - amnésie précoce -. merci d'avance!

Bonjour Mr Riz

En fait, pour ton information, tu peux utiliser plusieurs classes sur un élément. Ce qui va grandement aider à la résolution de ton problème

D'ailleurs, à ce sujet, je t'invite à aller jeter un oeil sur ce magnifique tutoriel qui reprend les notions de classe et d'identifiant de A à Z pour t'aider !


Par contre aussi, et si tu ne le fais pas on va pas être copains , j'aimerais bien que tu indente ton code comme je te l'ai montré/demandé :

Espeon, dans une belle notification, a écrit:

J'ai indenté le code pour que tu comprenne, ce que je te conseille de faire, c'est bien plus lisible et ça permet de te faire sauter à l'oeil ce qui est évident

Bref, normalement si tu affecte ta classe à tout le bloc en te servant directement de ta première balise <span class="forumlink"> je pense que ça devrait le faire (en tout cas, du point de vue du HTML c'est tout ce qu'il y a à faire (et on pourra partir de là pour corriger ce qui ne va pas plus en profondeur, voire dans le CSS).

ah pardon! oh nonnn moi je veux être copain avec tout le monde

Code:

<span class="forumlink"> 
            <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
                      @<div id="sousf">@
                                  {catrow.forumrow.FORUM_NAME}
            </a><br />
              </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">
                                    {catrow.forumrow.FORUM_DESC}
                          @</div>@
                        </span>

est-ce que c'est de ça dont tu parles lorsque tu dis indenter, ça veut dire aligner comme je l'ai fait ci-dessus? ou sinon, j'ai pas compris, désolée! (edit : une fois posté, ce n'est plus aligné du tout, donc j'imagine avoir mal compris! désolée!)
j'ai utilisé une ID, après avoir lu le tutoriel (très beau, cela dit en passant). par contre, est-ce qu'utiliser une ID uniquement pour le titre des sous-forums compte comme l'utiliser une seule fois?

encore une fois, j'ai entouré les codes correspondants d'arobases. en fait, mon problème, c'est que j'ai l'impression que le début du code est trop séparé de la fin, et qu'ils ne se détectent pas. j'ai pourtant fait ce qu'il faut, non? le englobe bien le "{catrow.forumrow.FORUM_DESC}" qui désigne la description? pourtant, sur mon forum, ça s'applique uniquement aux sous-forums.

help! :>.<:

Hmmmm pourtant avec l'indentation ça me paraît tout de même évident que tu as un énorme problème de structure dans ton HTML.

Petit rappel, un couple de balise ouvrante/fermante HTML <a></a> (pour ne pas parler des balises orphelines) se comportent comme des boîtes. Tu peux mettre des boites dans d'autres boîtes, les mettre à côté, mais tu ne peux pas faire de croisement étrange.

Bref, ceci est parfaitement valide :

Code:

<div>
    <span>Blabla</span>
    <a href="URL" title="Blabla">
        Mon lien Blabla
    </a>
</div>

Mais ceci n'est pas valide du tout (mais alors pas du tout) :

Code:

<div>
    <span>
        Blabla
</div>
<a href="URL" title="Blabla">
    </span>
    Mon lien Blabla
</a>

Partant de ce constat, voici TON code proprement indenté =)

Code:

    <span class="forumlink"> 
        <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
            <div id="sousf">
                {catrow.forumrow.FORUM_NAME}
        </a><br />
    </span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">
    {catrow.forumrow.FORUM_DESC}
              </div>
</span>

Oui oui, l'indentation prend en compte les balises qui se correspondent

Par ailleurs, tu remarquera que je n'ai pas besoin de mettre des @ avec les balises qui correspondent : c'est le rôle de l'indentation de mettre en avant quelles balises vont ensemble (et donc de vérifier si tes boîtes s'emboîtent correctement)

A partir de ça je pense que le problème apparaît évident : y'a un gros soucis dans ta structure...


Et sinon pour revenir sur le concept de l'ID, ce n'est pas nécessaire de mettre un identifiant au lieu d'une classe ici (une classe peut parfaitement n'être utilisée qu'une seule fois, la seule différence c'est que l'identifiant ne peut être utilisé qu'une seule fois). Or comme tu est dans une boucle, ta structure va se répéter et tu va avoir N identifiants identiques, donc c'est une erreur supplémentaire qui va être générée

Hello,

Toujours pas de nouvelles, j'archive.

Bonne journée,