Problème code titre catégorie majuscule
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème code titre catégorie majuscule
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é:
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
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
Dernière édition par Dixon le Sam 6 Aoû 2011 - 17:44, édité 1 fois
Re: Problème code titre catégorie majuscule
Salut Dixon,
ajoutes ou modifies dans ta class ".titrecat":
Pour la police Georgia:
a++
ajoutes ou modifies dans ta class ".titrecat":
Pour la police Georgia:
- Code:
font-family: Georgia, sans-serif;
- Code:
text-transform : uppercase;
a++
Invité- Invité
Re: Problème code titre catégorie majuscule
Bonjour!^^ Je te remercie beaucoup, mais malheureusement ça ne change rien du tout.
Re: Problème code titre catégorie majuscule
Salut,
tu as bien inséré ceci:
dans cette class?:
Es tu certain que la class mentionnée correspond bien au catégories??
a++
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 */
Es tu certain que la class mentionnée correspond bien au catégories??
a++
Invité- Invité
Re: Problème code titre catégorie majuscule
Bonjour ^^
Oui, enfin c'était supposé être ça C'était un tuto, mais du coup j'ai tout enlevé :S
Oui, enfin c'était supposé être ça C'était un tuto, mais du coup j'ai tout enlevé :S
Re: Problème code titre catégorie majuscule
Salut,
tu peux donner la template concernée stp entre les balises codes .
a++
tu peux donner la template concernée stp entre les balises codes .
a++
Invité- Invité
Re: Problème code titre catégorie majuscule
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
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 -->
Re: Problème code titre catégorie majuscule
Salut,
supprimes la template et insères celle-ci pour avoir un rendu optimal .
Valide en cliquant sur
Dans ta C.S.S:
insères ces deux nouvelles class:
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++
supprimes la template et insères celle-ci pour avoir un rendu optimal .
- Spoiler:
- 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 --><span class="ctrimage"><img src="http://i56.tinypic.com/5n1w1i.png"></span><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>
<span class="ctrimage"><img src="http://i52.tinypic.com/2v9uqgg.png"></span><!-- END tablefoot --><!-- END catrow -->
Valide en cliquant sur
Dans ta C.S.S:
insères ces deux nouvelles class:
- Spoiler:
- Code:
/* Centrer les images haut et bas des catégories */
.ctrimage
{
margin-bottom:0px!important; /*Ne pas toucher cette valeur */
margin-left:20px; /* L'image sera à 20 px de la marge de gauche*/
}
/* Fin */
/*Les catégories */
.secondarytitle
{
text-align: center;/*Le texte sera centré */
font-size: 18px;/*Le texte aura une taille de 18px */
text-transform : uppercase;/*Le texte sera transformé en majuscules */
font-family: Georgia, sans-serif;/*Le texte sera transformé en police Georgia */
font-weight: bolder;/*Le texte sera gras */
color: #FFF;/*Le texte sera de couleur blanc */
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
height: 30px;/*La hauteur de la catégorie sera de 30px */
}
/* Fin */
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++
Invité- Invité
Re: Problème code titre catégorie majuscule
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 :
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:
- Code:
/* Centrer les images haut et bas des catégories */
.ctrimage
{
margin-bottom:0px!important; /*Ne pas toucher cette valeur */
margin-left:20px; /* L'image sera à 20 px de la marge de gauche*/}
/* Fin */
/*Les catégories */
.secondarytitle
{
text-align: center;/*Le texte sera centré */
font-size: 18px;/*Le texte aura une taille de 18px */
text-transform : uppercase;/*Le texte sera transformé en majuscules */
font-family: Georgia, sans-serif;/*Le texte sera transformé en police Georgia */
font-weight: bolder;/*Le texte sera gras */
color: #FFF;/*Le texte sera de couleur blanc */
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
height: 30px;/*La hauteur de la catégorie sera de 30px */}
/* Fin */
body{margin-top: -9px;}
body{margin-bottom: -9px;}
/*Nom membres en majuscule*/
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;}
Re: Problème code titre catégorie majuscule
Salut,
il y avait des erreurs supprimes et remplaces par:
a++
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++
Invité- Invité
Re: Problème code titre catégorie majuscule
Un grand merci à toi pour ton aide!
Sujets similaires
» Code pour mettre le titre des catégories en majuscule
» Code pour mettre une image en fond de titre de catégorie.
» Problème agencement titre catégorie
» Probleme titre catégorie ..
» problème titre catégorie
» Code pour mettre une image en fond de titre de catégorie.
» Problème agencement titre catégorie
» Probleme titre catégorie ..
» problème titre catégorie
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum