Problème code titre catégorie majuscule

[Dixon]

Bonjour! =)
J'ai un petit problème... En fait, je veux que les titres de mes catégories soient en majuscule et centré dans la catégorie, mais mon code n'est pas bon. :S

Voici la portion du CSS concerné:

Code:

 /* TITRE CATEGORIE */
.titrecat {
text-align: center;
padding-top: -15px;
padding-bottom: 15px;
display: block;
font-size: 18px;
font-family: Georgia;
color: #fefdfd;
text-align:center;
width: 80%;
border-top: 10px solid #e74a89;
border-right: 10px solid #e74a89;
border-left: 10px solid #e74a89;
background-color: #e74a89;
color: #FFF;
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
margin-top: 12px;
height: 30px;
font-weight: bolder;}
/* FIN */


En fait, mes titres sont bel et bien centrés, mais ils ne sont pas en majuscule et ni en Georgia. :S
Je remercie énormément la personne qui me prendra en pitié pour m'expliquer ce qui cloche et ce que je dois faire hihi!

Cordialement

[Invité]

Salut Dixon,

ajoutes ou modifies dans ta class ".titrecat":
Pour la police Georgia:

Code:

font-family: Georgia, sans-serif;

Pour mettre tout le texte en majuscule:

Code:

text-transform : uppercase;

a++

[Dixon]

Bonjour!^^ Je te remercie beaucoup, mais malheureusement ça ne change rien du tout.

[Invité]

Salut,
tu as bien inséré ceci:

Code:

text-transform : uppercase;
font-family: Georgia, sans-serif;

dans cette class?:

Code:

    /* TITRE CATEGORIE */
    .titrecat {
    text-align: center;
    padding-top: -15px;
    padding-bottom: 15px;
    display: block;
    font-size: 18px;
    font-family: Georgia;
    color: #fefdfd;
    text-align:center;
    width: 80%;
    border-top: 10px solid #e74a89;
    border-right: 10px solid #e74a89;
    border-left: 10px solid #e74a89;
    background-color: #e74a89;
    color: #FFF;
    -moz-border-radius-topleft: 60px;
    -moz-border-radius-topright: 60px;
    margin-top: 12px;
    height: 30px;
    font-weight: bolder;}
    /* FIN */

[code]

Es tu certain que la class mentionnée correspond bien au catégories??
a++

[Dixon]

Bonjour ^^
Oui, enfin c'était supposé être ça C'était un tuto, mais du coup j'ai tout enlevé :S

[Invité]

Salut,
tu peux donner la template concernée stp entre les balises codes .
a++

[Dixon]

Je n'ai pas touché aux templates pour tenter, seulement touché au CSS, mais je peux vous montrer mon index_box, au cas où le problème viendrait de là ( très fort probable, surtout si c'est moi qui y ai touché mdr... )

Je suis désolé, ce n'est vraiment pas aéré comme codes. :S

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} {CURRENT_TIME} </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> <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> <!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table> <!-- BEGIN catrow --><!-- BEGIN tablehead --><img src="http://i56.tinypic.com/5n1w1i.png" height="90" width="887" /><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th> <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th> </tr> <!-- END tablehead --> <!-- BEGIN cathead --> <tr> <!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="50" /></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"> <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}> <span class="genmed forumdesc">{catrow.forumrow.FORUM_DESC}</span> <span class="foruminfo">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</span> <span class="forumforums">{catrow.forumrow.LINKS}</span> </td> <td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span> </td> </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="http://i52.tinypic.com/2v9uqgg.png" alt="" height="90" width="887" /><!-- END tablefoot --><!-- END catrow -->


[Invité]

Salut,
supprimes la template et insères celle-ci pour avoir un rendu optimal .

Spoiler:

N'oublie pas de valider la modification de ta template
Valide en cliquant sur
Dans ta C.S.S:
insères ces deux nouvelles class:

Spoiler:

J'ai ajouter dans ta template un span pour ne pas avoir un décalage sur
les deux images qui entourent tes catégories .

Voilà il ne reste plus qu'à te mettre au travail

a++

[Dixon]

Bonjour! =) Merci beaucoup de m'aider!
Il y a juste un petit problème Dans le CSS, après avoir ajouté les deux nouvelles class, il m'est apparu ceci :

Erreur détectée
Nous avons compté un nombre impaire de guillemets donc une chaine est mal fermée. Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.

Nous vous conseillons de relire votre code.

J'ai regardé mais je ne vois pas ce qui pourrit clocher. :S

Je vous met mon CSS au complet :

Spoiler:

[Invité]

Salut,

il y avait des erreurs supprimes et remplaces par:

Code:

    .ctrimage
    {
    margin-bottom:0px!important;
    margin-left:20px;
}

    .secondarytitle
    {
    text-align: center;
    font-size: 18px;
    text-transform : uppercase;
    font-family: Georgia, sans-serif;
    font-weight: bolder;
    color: #FFF;
    -moz-border-radius-topleft: 60px;
    -moz-border-radius-topright: 60px;
    height: 30px;
}

    body{margin-top: -9px;}

    body{margin-bottom: -9px;}


    a {font-variant: small-caps;}

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

    /*COINS ARRONDIS CODES ET CITATIONS*/
    .code
{
-moz-border-radius:6px;}
    .quote{-moz-border-radius:6px;
}
    /*FIN*/





    /* QUI EST EN LIGNE */
    .tableauqueel
{
    background-color : #F0F3F5 ;
    border : solid 1px #c9c1c9;
    -moz-border-radius : 2px 2px 2px 2px;
}

    .partiedroite
{
    font-size : 12px ;
    border-left : 2px dotted #d6cfd6 ;
    padding-left : 10px;
}


    .groupes{
    background-color:#d6cfd6 ;
    border: 1px color #d6cfd6  ;
    -moz-border-radius : 2px 2px2px2px;
    height:40px;
    padding-right:12px;
    padding-left:14px;
    padding-bottom:3px;
    font-size:14px
    ;font-weight: bold;
    text-align:center;
    font-color : #5f565f;
    text-decoration: none !important;
}


a++

[Dixon]

Un grand merci à toi pour ton aide!