Centrer titre des catégories

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
+ Hyperactif +

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