centrer au milieu pas au centre de la catégorie

[yko]

Détails techniques

Version du forum : Invision
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Safari
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : www.total-design-web.com

Description du problème

Bonsoir,

Je n'y arrive pas, je voudrais en css, aligner au centre a gauche les titres des catégories pour un effet visuel mieux, voir capture d'écran pour charte et le reste par exemple.


Merci

[L'ange noir]

Bonsoir

On aurait besoin de ton template Index-box et de ton CSS s'il te plait.

[yko]

bonjour,

template box :

Code:

<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
   <div class="borderwrap">
      <div class="maintitle floated clearfix">
         {catrow.tablehead.L_FORUM}
         <div class="contract" id="b{catrow.tablehead.ID}" onclick="toggleCategory('{catrow.tablehead.ID}');">
            &nbsp;&nbsp;&nbsp;
         </div>
      </div>

      <table cellpadding="0" cellspacing="0" id="{catrow.tablehead.ID}" class="ipbtable index-box">
         <thead>
            <tr>
               <th class="forum">{L_FORUM}</th>
               <th class="topics">{L_TOPICS}</th>
               <th class="replies">{L_POSTS}</th>
               <th class="last post-info">{L_LASTPOST}</th>
            </tr>
         </thead>
         <tfoot>
            <tr>
               <td colspan="4">

               </td>
            </tr>
         </tfoot>
         <tbody>
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
            <tr>
               <td class="row2 icon" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                  <span class="status clearfix" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                     <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="icon" />
                  </span>
                  <div class="par forum-name">
                     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <p class="forum-desc">{catrow.forumrow.FORUM_DESC}</p>
                  </div>
                  <!-- BEGIN switch_moderators_links -->
                  <div class="mods">
                     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                  </div>
                  <!-- END switch_moderators_links -->
                  <p>
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </p>

               </td>
               <td class="row1 centered">{catrow.forumrow.TOPICS}</td>
               <td class="row2 centered">{catrow.forumrow.POSTS}</td>
               <td class="row1">
                        <!-- BEGIN ads -->
                        <span class="AD_LastPA">
                            <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                            <span class="AD_LastInfos">
                                <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                                {catrow.forumrow.ads.DATE}<br />
                                {catrow.forumrow.ads.LOCATION}
                            </span>
                        </span>
                        <!-- END ads -->
                        <!-- BEGIN avatar -->
                        <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                        <!-- END avatar -->

                  <span>
                  <!-- BEGIN switch_topic_title -->
                  <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                  <!-- END switch_topic_title -->
                  {catrow.forumrow.USER_LAST_POST}
                  </span>
               </td>
            </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
         </tbody>
      </table>
      </div>
      <br />
   <!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<div class="toplinks linklist clearfix">
   <ul>
      <!-- BEGIN switch_delete_cookies -->
      <li><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
      <!-- END switch_delete_cookies -->
      <!-- BEGIN switch_user_logged_in -->
      <li class="last"><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
      <!-- END switch_user_logged_in -->
   </ul>
</div>
<!-- END switch_on_index -->

css :

Code:

.mainmenu {
    color: #ffffff !important;


font-family: 'Tahoma';
    font-size: 14px;

}


.clearfix {

color: #ff0000 !important;
  font-family: 'Baloo+Bhai', cursive
    font-size: 13px;
  }

.post-entry {
  color: #000000 !important;
font-family: 'Tahoma', cursive !important;
    font-size: 13px;

}
.author {
  color: #000000 !important;
font-family: 'Baloo+Bhai', cursive;
    font-size: 14px;

}

.postprofile-details  {
color: #000000 !important;
font-family: 'Mirza', cursive;
    font-size: 17px;

}
.postdetails {
color: #000000 !important;
font-family: 'Merza', cursive;
    font-size: 12px;
}

.maintitle {
color: #000000 !important;
font-family: 'Baloo+Bhai', cursive;
    font-size: 13px !important;
}

.forum-name{
color: #000000 !important;
font-family: 'Baloo+Bhai', cursive;
    font-size: 11px !important;
}

.topics{
color: #000000 !important;
font-family: 'Mirza', cursive;
    font-size: 13px !important;
}

.replies{
color: #000000 !important;
font-family: 'Baloo+Bhai', cursive;
    font-size: 13px !important;
}

.post-info{
color: #000000 !important;
font-family: 'Baloo+Bhai', cursive;
    font-size: 13px !important;
}

.last-post2{
color: #000000 !important;
font-family: 'Baloo+Bhai', cursive;
    font-size: 13px !important;
}

.forum2{
color: #000000 !important;
font-family: 'Baloo+Bhai', cursive;
    font-size: 13px !important;
}

.starter{
color: #000000 !important;
font-family: 'Baloo+Bhai', cursive;
    font-size: 13px !important;
}

.views{
color: #000000 !important;
font-family: 'Baloo+Bhai', cursive;
    font-size: 13px !important;
}

.dropped {
color: #000000 !important;
font-family: 'Baloo+Bhai', cursive;
    font-size: 13px !important;
}

.forumtitle {
color: #000000 !important;
font-family: 'Baloo+Bhai', cursive;
  text-align: center;
    font-size: 13px !important;
}

.borderwrap {
color: #000000 !important;
font-family: 'Tahoma', cursive;
    font-size: 12px;
}

.postdetails {
color: #000000 !important;
font-family: 'Baloo+Bhai', cursive;
    font-size: 12px;
}
-//- ne ps modifier au dessus.

.postbody  {
color: #000000 !important;
  background-color: #ffffff !important;
font-family: 'Baloo+Bhai', cursive;
    font-size: 14px;
}
.profile-view-list  {
color: #000000 !important;
  background-color: #ffffff !important;
font-family: 'Baloo+Bhai', cursive;
    font-size: 14px;
}
.avatar  {
color: #000000 !important;
  background-color: #ffffff !important;
font-family: 'Baloo+Bhai', cursive;
    font-size: 14px;
}




Merci !!!

[L'ange noir]

Bonjour

Dans ton template tu as ceci :

Code:

 <div class="maintitle floated clearfix">
        {catrow.tablehead.L_FORUM}

Ton titre est donc on float. Il faudrait mettre :

Code:

 <div class="maintitle">
        {catrow.tablehead.L_FORUM}

Puis dans ton CSS :

Code:


.maintitle h2
{
 color: #ff0000 !important;
  font-family: 'Baloo+Bhai', cursive
    font-size: 13px;
text-align: center;
}

[yko]

bonjour,


non, ça ne fonctionne pas.