Centrer titre des catégories

Poster un nouveau sujet   Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses.

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

Résolu Centrer titre des catégories

Message par Khayalan le Dim 24 Mar 2013 - 10:23

Bonjour/Bonsoir,

Depuis que j'ai mis ma structure en bloc (deux forums par ligne), les titres de mes catégories refusent de s'aligner. J'ai beau mettre des <center></center> dans le titre, rien à faire, et ma dernière manipulation sur les templates n'a pas eu d'effet...

C'est pourquoi je m'adresse à vous Wink

Mon index_box:

Code:
<br /><br />
<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 -->
 
<div class="cate_titre"><span class="catetitre_bloc"></span>
  <span class="catetitre_content">{catrow.tablehead.L_FORUM}</span></div>
 
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
 
 
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
 
 
<div class="forum_bloc">
<div class="forum">
 
  <span class="forumlink">
  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
  </span>
 
  <div class="forum_contenu">
    {catrow.forumrow.FORUM_DESC}<br />
 
 
  <div class="icone_stats"><table>
    <tr>
      <th rowspan=2><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="icone" /></th></div>
      <td><span class="stats_lastpost">
        <span class="stats">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span>
        <span class="lastpost">{catrow.forumrow.LAST_POST}</span>
        </span></td></tr>
    <tr>
      <td> <div class="cadre_sousforum">
        <span class="gensmall" id="subforums"><div class="forums-liens">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></span><script type="text/javascript">
    jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br/>')).removeAttr('id');
    </script></div></td>
    </tr>
</table>
   
    <br/><div class="logo">© Equid' and Wow</div></div>
 
  </div>
 
 
 
</div>
 
 
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
 
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
 
<!-- END tablefoot --><!-- END catrow -->

Mon css:

Code:
/*Personnalisations générales*/

.signature_div img {
  max-height:100px;
  max-width:500px;
}
 
.bodylinewidth {
border-spacing: 0;
}
.bodyline{
border-spacing: 0;
}
a.cattitle {
    color: #FFFFFF;
}
.catHead h1 {color:#FFFFFF;}
.catHead {border-color:#FFFFFF!important;}
a.nav {color:#FFFFFF!important;}
.catBottom h1 {color:#FFFFFF;}
.catBottom {border-color:#FFFFFF!important;}
.thHead .gen {color:#FFFFFF}
.bodylinewidth {width:***px;}
.nav img {
display:none;
}
.bouhautbas {
    bottom: 40px;
    left: 10px; /* remplacez left par right pour afficher les boutons à droite */
    position: fixed;
    z-index: 100;
}
body {
text-align: justify;
}

/*-------------------------------------------------------------------------------
QEEL
-------------------------------------------------------------------------------*/
.qeel1{
  width:350px;
  height:170px;
  background-color:#e2e28c;
  box-shadow: -1px 2px 10px 3px #e2e28c inset, 1px 1px 2px 1px #e2e28c;
  border: 3px #6C7B16 solid;
  border-radius:20px;
  margin-right:5px;
  padding:10px;}
.qeel11{width:350px;
  height:170px;
  overflow:auto;
  font-family:small-caps,Tahoma,Helvetica,sans-serif;
  font-size:11px;
  letter-spacing:2px;
  text-align:justify;}
.qeel2{
  width:350px;
  height:170px;
  background-color:#e2e28c;
  box-shadow: -1px 2px 10px 3px #e2e28c inset, 1px 1px 2px 1px #e2e28c;
  border: 3px #6C7B16 solid;
  border-radius:20px;
  padding:10px;}
.qeel22{width:350px;
  height:170px;
  overflow:auto;
  font-family:small-caps,Tahoma,Helvetica,sans-serif;
  font-size:11px;
  letter-spacing:2px;
  text-align:justify;}

.trans .row1 {
  background-color :transparent;
  font-family:small-caps,Tahoma,Helvetica,sans-serif;
  font-size:11px;
  letter-spacing:2px;
  text-align:justify;}
.trans .gen,.genmed,.gensmall {
  font-size:11px;}
.groupes{font-size:11px;
  font-family:small-caps,Tahoma,Helvetica,sans-serif;
  font-weight: bold;
  letter-spacing:2px;
  text-transform:uppercase;
  margin-top:20px;
  margin-bottom:20px;
  position:relative;}

AD {color:#DC143C;}
MOD {color:#32CD32;}
COR {color:#4169E1;}
GRA {color:#800080;}
ANIM {color:#FF4500;}
SAG {color:#A0522D;}
HO {color:#D2691E;}

.trans .row1 {
background: none;
}

/* ------- BLOC DESCRIPTION -------- */
.tfa_description{
background: #20201c;
border: 1px solid #e5d6bd;
width: 100%;
height: 200px;
margin: 12px auto 0;
padding: 0;
}
/* BLOC TRANSITION */
.bloc-trans{
position: relative;
height: 200px;
margin: auto;
overflow: hidden;
width: 100%;
margin: 0px;
padding: 0px;
}
/* CONTENU BLOC DESCRIPTION */
.bloc-texte{
background: #25211b;
width: 100%;
height: 200px;
position: absolute;
top: 0;
left: 0;
color: #9C9C9C;
opacity: 0;
filter : alpha(opacity=0);
-webkit-transition: all 1.5s ease; /* pour navigateur webkit */
-moz-transition: all 1.5s ease; /* pour navigateur mozilla */
-o-transition: all 1.5s ease; /* pour navigateur opera */
transition: all 1.5s ease; /* pour les navigateurs récents */
}
/* DESCRIPTION AU SURVOL */
.bloc-texte:hover {
opacity: 0.8;
filter : alpha(opacity=80);
}

/* TEXTE DESCRIPTION */
.in-tfa_cont{
font-size: 12px;
color: #fff;
text-align: center;
width: 96%;
margin: 5px auto 0;
padding:0;
height: 190px;
overflow-y: auto;
}

/* IMAGE DESCRIPTION */
.descr-img img {
vertical-align: middle;
}

a.forumlink:hover {
font-variant : small-caps;
}

/* MISE EN FORME DES CATEGORIES ET FORUMS */

.cate_head
{
width: 100%;
margin: auto;
height: auto;
background: url(http://illiweb.com/fa/empty.gif) center no-repeat;
}

.cate_body
{
width: 100%;
margin: auto;
background: url() center repeat-y;
}

.cate_foot
{
width: 100%;
margin: auto;
height: auto;
background: url(http://illiweb.com/fa/empty.gif) center no-repeat !important;
}

.cate_titre
{
  clear: both;
  height: 50px;
  margin-top: 50px;
  margin-bottom: 50px;
}
.catetitre_bloc
{
}
.catetitre_content
{
position: absolute;
z-index: 2;
display: block;
margin-left: auto;
  margin-right: auto;
  margin-top: -30px;
text-align: center;
padding: 2px;
border-bottom: 0px dotted #997645;
}

.catetitre
{
color: #e0ab61;
font-family: small-caps,Tahoma,Helvetica,sans-serif;
font-size: 25px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000 !important;
margin-top: 30px;
margin-bottom: 50px;
letter-spacing: 2px;
margin-left: auto;
margin-right: auto;
transform: rotate(0deg) scale(1) translate(-5px);
-moz-transform: rotate(0deg) scale(1) translate(-5px);
-o-transform: rotate(0deg) scale(1) translate(-5px);
-htm-transform: rotate(0deg) scale(1) translate(-5px);
-webkit-transform: rotate(0deg) scale(1) translate(-5px);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.catetitre:hover
{
 letter-spacing: 4px;
 font-color: #454545;
  text-shadow: 1px 1px 1px #7d1809 !important;
    transform: rotate(6deg) scale(1) translate(-17px) !important;
-moz-transform: rotate(6deg) scale(1) translate(-17px);
-o-transform: rotate(6deg) scale(1) translate(-17px);
-htm-transform: rotate(6deg) scale(1) translate(-17px);
-webkit-transform: rotate(6deg) scale(1) translate(-17px);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.forum_bloc
{
  margin-left: auto;
  margin-right: auto;
  margin-top: -30px;
}

.forum
{
float: left;
width: 47%;
margin: 1px auto 20px 10px;
border-radius: 70px 70px 0px 0px;
padding: 10px;
margin-left: auto;
margin-right: auto;
}
a.forumlink
{
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  color: #454545;
  text-align: center;
font-family: harrington;
font-size: 15px;
font-weight: bold;
text-transform: capitalize;
letter-spacing: 1px;
text-shadow: 1px 1px 1px #997645 !important;
margin-left: 10px;
margin-right: auto;
    transform: rotate(0deg) scale(1) translate(-5px);
-moz-transform: rotate(0deg) scale(1) translate(-5px);
-o-transform: rotate(0deg) scale(1) translate(-5px);
-htm-transform: rotate(0deg) scale(1) translate(-5px);
-webkit-transform: rotate(0deg) scale(1) translate(-5px);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
a.forumlink:hover
{
  letter-spacing: 4px;
  text-shadow: 1px 1px 1px #7d1809 !important;
    transform: rotate(6deg) scale(1) translate(-17px);
-moz-transform: rotate(6deg) scale(1) translate(-17px);
-o-transform: rotate(6deg) scale(1) translate(-17px);
-htm-transform: rotate(6deg) scale(1) translate(-17px);
-webkit-transform: rotate(6deg) scale(1) translate(-17px);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
text-decoration: none;
}
.forum_contenu
{
  position: relative;
  z-index: 1;
  height: 550px;
  padding: 4px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -30px;
  background-color: #E1E18B;
  border: 3px solid #6C7B16;
  border-radius: 500px 500px 500px 500px/100px 100px 100px 100px;
  padding-top: 30px;
  box-shadow: 1px 1px 10px #000000;
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.description
{
  display: block;
  margin: 10px auto auto;
  height: 200px;
  overflow: hidden;
}
.description_contenu
{
  position: absolute;
  display: block;
  height: 200px;
  overflow: auto;
  background-color: #1C1710;
  font-size: 10px;
  color: #e0ab61;
  text-align: justify;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 15px 15px 15px 15px;
  box-shadow: 1px 1px 10px #1C1710;
 margin-left: -4px;
}
.icone_stats
{
width: 500px;
margin: -10px auto auto;
margin-left: 15px;
}

.stats_lastpost
{
border: 3px solid #6C7B16;
display: block;
width: 153px;
height: 80px;
background-color: #E1E18B;
border-radius: 20px 20px 20px 20px;
padding: 5px;
text-align: center;
margin-top: -2px;
margin-left: 35px;
}
.stats
{
  display: block;
  margin-bottom: 5px;
  border-bottom: 1px dotted #b5b5b5;
  padding-bottom: 5px;
  font-size: 10px;
  color: #997645;
  padding-top: 5px;
}
.lastpost
{
  display: block;
  font-size: 11px;
}

.cadre_sousforum
{
border: 3px solid #6C7B16;
overflow: auto;
z-index: 990;
margin-top: 15px;
width: 170px;
height: 120px;
background-color: #E1E18B;
padding: 2px 5px 5px 10px;
border-radius: 20px 20px 20px 20px;
margin-left: 23px;
}

.sous_forum a
{
color: #E1E18B !important; 
}

.forumline
{
background-color: #33221B;
background-repeat: repeat-y;
padding-right: 18px;
border: none;
border-radius: 25px;
box-shadow: 0px 0px 5px 5px #000000;
border: 3px solid #1C1710;
}

.bodyline
{
box-shadow: 0px 0px 5px #000000;
padding: 25px;
-moz-border-radius: 20px 20px 20px 20px ;
-webkit-border-radius: 20px 20px 20px 20px ;
border-radius:20px 20px 20px 20px;
}

a:link, a:active, a:hover, a:visited
{
text-decoration: none !important;
}

.logo{
font-size: 11px
font-family: small-caps;
margin-left: 130px}

.forums-liens {
border-top: dotted 1px color #6C7B16;
padding-top: 3px;
margin-top: 7px;
color: #6C7B16;}

Je me suis aussi aperçue qu'une fois sur deux mes catégories s'affichent sans prendre en compte mon template (pourtant validé), mais je suppose que cela est dû à ces problèmes en ce moment. J'espère que ça sera bientôt résolu!

Je précise que je pense mettre des images^^
Merci mille fois cheers


Dernière édition par Khayalan le Dim 24 Mar 2013 - 10:56, édité 1 fois

Khayalan
**

Messages : 98
Inscrit(e) le : 09/02/2013

http://equid-et-wow.forumactif.org/
Khayalan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer titre des catégories

Message par Matriochka le Dim 24 Mar 2013 - 10:35

Bonjour,

Dans ton CSS, à l’élément .catetitre_content, ajoute width:**px; (**px faisant référence à la largeur de ton forum).

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Centrer titre des catégories

Message par Khayalan le Dim 24 Mar 2013 - 10:55

Bonjour,

Rapide et efficace, c'est parfait, merci beaucoup!

Khayalan
**

Messages : 98
Inscrit(e) le : 09/02/2013

http://equid-et-wow.forumactif.org/
Khayalan a été remercié(e) par l'auteur de ce sujet.

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


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