Fond de catégorie

[-Mishirame-]

Bonjour,

j'ai un petit problème concernant les titres de catégories...



En effet j'ai mis une <td> au début du titre de la catégorie avec une class car je voudrais que ce soit une bande simple qui face tout le long du titre, et la comme vous pouvez le voir ça se place sur le côté tout à droite ...

Je voudrais que le fond gris soit d'une extremité à l'autre , de tout à gauche jusqu'a tout à droite y compris au dessus des derniers messages ( le texte j'y placerais une image à la place )

pouvez vous m'aider svp ?

merci d'avance

[Anzu]

Rebonjour,

Avec le code, ce sera mieux pour vous aider

Cordialement.

[-Mishirame-]

Bonjour,

en nom de catégorie j'ai mis ça

Code:

<td class="test">Blablabla</td>

et en CSS ça;

Code:

.test{
background: #101010;
  background-position: top center;
padding : 20px;
 
}

Cordialement.

[Anzu]

Pourquoi ne pas passer par le template ?

Rajoutez un width 100% dans le css.

[-Mishirame-]

Je savais pas trop comment faire j'ai voulue essayer toute seule x)

surtout que les template j'ai du mal ... J'ai mis width mais rien ne change =/

pour les templates du coup ca se passe comment ?

[Anzu]

Vous avez l'air d'avoir modifié le template index box, pourrais je avoir le code ?

Et le lien du forum concerné

Il y a moyen de passer uniquement par le css aussi.

[-Mishirame-]

Voici mon template ;

Code:


<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>
      <td colspan="2" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </td>
 
   
  </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"> </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="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
                    <span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
   
                    </span>
                </h{catrow.forumrow.LEVEL}></td></tr></tbody></table>
        <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 style="min-width: 150px;" class="row3 over" align="center" valign="middle" height="50">
      <div class="lastbla"><div class="lastbla2"><span class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</span></div><br /><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
      </td>
 
  <!-- 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 -->


Et le forum qui me sert de pantin ;

http://wonderland.monfofo.net/

[Anzu]

Donc ici:

Code:

<td colspan="2" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </td

Vous rajoutez un style avec un background, un width, comme ceci:

Code:

<td style="background-color: #AAAAAA; width: 100%;" colspan="4" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </td>

Par contre c'est un colspan de 4 et non de 2

Cordialement.

[-Mishirame-]

Ah merci beaucoup !

Une derniere chose, pour mettre une bordure je dois mettre border : _ px sur le template ?

[Anzu]

Oui comme ceci par exemple:

Code:

<td style="background-color: #AAAAAA; width: 100%; border: solid 2px #000000;"

[-Mishirame-]

ah merci bien c'est nickel !

Je passe en résolue bonne journée à vous