Catégories non centrés et pas très grandes

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Catégories non centrés et pas très grandes

Message par Vale Jeu 20 Jan 2011 - 11:17

Bonjour,

voila j'ai voulu mettre un code dans template et css pour avoir les catégories dans un autre style, les codes fonctionnent très bien mais les cellules ne sont ni centrées ni grandes je vous mette l'image pour mieux comprendre :

Catégories non centrés et pas très grandes Sans_t11

Voici mon Template :

Spoiler:


code css :


Spoiler:


Dernière édition par Vale le Jeu 20 Jan 2011 - 12:47, édité 1 fois
avatar

Vale
*

Féminin
Messages : 46
Inscrit(e) le : 02/11/2010

Vale a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories non centrés et pas très grandes

Message par Invité Jeu 20 Jan 2011 - 11:46

Bonjour,

En agissant sur les dimensions dans le template et dans la CSS, on doit pouvoir modifier ça. J'ai fait une tentative, dites moi si c'est mieux avec:
ce 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>
            <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"><div class="categories" align="center"> {catrow.tablehead.L_FORUM} </div></th>
            </tr>
        <!-- END tablehead -->
        <!-- BEGIN cathead -->
        <tr>
            <!-- BEGIN inc -->
            <!-- 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>
   
        </tr>
        <!-- END cathead -->
        <!-- BEGIN forumrow -->
        <tr>
            <!-- BEGIN inc -->
            <!-- END inc -->
                    <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50" >
                <span class="genmed"><table class="forum-description"><tr><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 width="75%"><span class="forumlink">
                        <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /><br /> </span><span class="gensmall">{catrow.forumrow.FORUM_DESC} <br />{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}<br />
            <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->
            </span></td><td class="forum-stats" valign="middle" height="50">
            {catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} sujets.<br /><span class="gensmall">{catrow.forumrow.LAST_POST}</span></td></tr></table></span>
          </td>
          <!-- BEGIN forum_link_no -->
            <!-- END forum_link_no -->
            <!-- BEGIN forum_link -->
            <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
            <!-- END forum_link -->
        </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 -->
et cette feuille CSS:
Code:
    .forumline { border: 5px solid #000000;}
   
    .categories{
          background-color: #ffffff;
          margin: auto;
          padding: 4px;
          width:auto;
          text-align: center;
          height: 14px;
          font-size: 11px;}

    .forum-description {
          margin: 12px;
          padding: 10px;
          color: #000000;
          width: 98%;
          border: 1px solid #000000;
          -moz-border-radius: 14px;
          -webkit-border-radius: 14px;
          font-size: 12px;
    }

    .forum-stats {
          -moz-border-radius: 20px;
          webkit-border-radius: 20px;
          border-radius: 20px;
          border: 1px solid #000000;
          color: #ffffff;
          font-size: 11px;
          font-style: italic;
          padding: 3px;
          text-align: center;
          width: 150px;}


    .topiclist dl.icon {
    min-height: 60px;
    background-position: 2px 50%;
    }
    * html .topiclist dl.icon {
    height: 60px;
    }
    ul.topics dt,ul.topics dd.dterm {
    padding-left: 60px;
    }
    ul.pmlist dt,ul.pmlist dd.dterm {
    padding-left: 60px;
    }

Cordialement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories non centrés et pas très grandes

Message par Vale Jeu 20 Jan 2011 - 12:46

merci beaucoup ça fonctionne merci merci Wink

sujet résolu
avatar

Vale
*

Féminin
Messages : 46
Inscrit(e) le : 02/11/2010

Vale a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum