Titre catégorie non centré

2 participants

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

Résolu Titre catégorie non centré

Message par Jézebel L. Ven 4 Mar 2016 - 2:35

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://monde-oublie.forumactif.com/

Description du problème

Bonjour, Bonsoir à tous

Je viens de nouveau vers vous pour un souci de titre non centré.
En effet, j'ai mettre le code : <center><b>Titre_de_la_catégorie</b></center>
dans PA/Général/Forum/Catégories et forums/roue dentée orange de la catégorie /nom de la catégorie.

Impossible de centrer le titre.

Peut être en passant par le css, je dois avouer que je bloque complètement.
Voici mon css :

Code:
@font-face {
  font-family: 'New Rocker';
  font-style: normal;
  font-weight: 400;
  src: local('New Rocker'), local('NewRocker-Regular'), url(http://themes.googleusercontent.com/static/fonts/newrocker/v2/WxdbiEM9pvmAfOzkEv7pcxsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

body {
cursor: url("http://www.patmax.info/curseurs/lapin.cur"),auto;
}

     
/*---  Partie supérieur contenant les outils ---*/
       
        div.sceditor-toolbar {
        background-color: #3d2c21!important;
        width: auto !important;
        }

        /* largeur de l'éditeur */
        .sceditor-container { width: auto!important;
        }
       
        /* largeur de la zone de saisie de texte */
        .sceditor-container iframe, .sceditor-container textarea {
        width: 90%!important;
        }

/* bordure de l'éditeur */
div.sceditor-container {
border: none;
}
 
/* bordure entre la barre d'outils et la zone de saisie de texte */
body div.sceditor-toolbar {
border-bottom: none;
}
 
/* bordure sous les groupes de bouton */
body div.sceditor-group {
border-bottom: none;
}
 
/* ombre d'un bouton survolé ou activé */
a.sceditor-button:hover, a.sceditor-button.hover {
box-shadow: #4360D1;
}

        /*---  Groupe de boutons ---*/
       
        div.sceditor-group {
        background-color: #4360D1!important;
        }
/* fond de la zone de saisie de texte */
.sceditor-container{
background-color:#634632 !important;
   
}
.sceditor-container iframe, .sceditor-container textarea{
  background-color:#634632 !important;
}

/* toolbar */

        .fa_avatar {
          width: 30px;
          height: 30px;
          position: relative;
          top: -3px;
          margin-right: 5px;
          border-radius: 3px;
          margin-bottom: -10px;
        }   

        .sceditor-container textarea {
          color: #!important
        }

        .sous-forums a {
                font-size: 10px!important;
        }

     
/* Message de connexion CB */
.msg span[style*="green"] strong {
    color: #2CABD1; /* couleur */
    font-variant: small-caps; /* petites majuscules */
}

/* Message de déconnexion CB */
.msg span[style*="blue"] strong {
    color: #000; /* couleur */
    font-variant: small-caps; /* petites majuscules */
}
                       
 
        .bodylinewidth {
        width: 190px;
        }

     
   .sortimg {
   position: fixed;
   margin-left: -900px;
   margin-top: -810px;
        }

#pun-navlinks li a {
padding: 0px;
margin: 0px;
text-decoration: none;
}
#pun-navlinks a:hover{
 margin-right: 4px;
margin-top: 1px;
}
.pun table.table th {
   padding: 0.5em 0;
   border-style: none;
   border-color: #;
   background-image: url('http://img823.imageshack.us/img823/2332/fondko.jpg');
   }
#onlinelist {
   border-top: 1px dashed #b7cdd7;
   padding: 0.6em 1em;
   background-color: #E4EBF0;
   }
button.button2, input.button2 {
   font-size: 0.9em;
   border: 1px solid #004866;
   width: auto !important;
   margin: 0px 0.25em 0;
   padding: 2px 3px;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   color: #000000;
   background-repeat: repeat-x;
   background-color: #FAFAFA;
   background-image: url('http://img823.imageshack.us/img823/2332/fondko.jpg');
   background-position: top;
   overflow: visible;
   vertical-align:middle;
   }
button.button2:hover, input.button2:hover {
   border: 1px solid #063d57;
   color: #063d57;
        background-image: url('http://img823.imageshack.us/img823/2332/fondko.jpg');
   background-position: top;
   background-position: 0 100%;
   }
#pun-about {
   border-style: nonne;
   border-width: 0px;
   border-color: #;
   text-align: left;
   line-height: 55px;
   padding: 0.6em 1em;
   background-color: #E4EBF0;
      background-image: url("http://i62.servimg.com/u/f62/13/52/25/78/cadre_17.png");
        background-repeat: no-repeat;
        background-position: bottom right;
   }

.bodylinewidth
{
width: 1200px;
margin: auto;
}


a
{
font-variant: small-caps;
text-decoration: none;
outline:none;
}

a
{
letter-spacing: 1px;
outline: none;
text-decoration: none !important;
}

a:hover
{
text-decoration: none !important;
}

th
{
text-align: left;
font-variant: small-caps;
}

a.forumlink
{
display: block;
font-weight: normal;
font-style: italic;
text-align: center;
margin-left: 100px;
margin-right: 100px;
margin-bottom: 6px;
margin-top: -2px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
background-image: url('http://img823.imageshack.us/img823/2332/fondko.jpg');
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-radius: 0px 0px 10px 10px;
border-bottom: 4px dotted #7f4714;

}

a.forumlink:hover
{
text-decoration: none !important;
letter-spacing: 2px;
font-variant: small-caps;
font-weight: bold;
}

table
{
    margin-left: auto;
    margin-right: auto;
    width: 93%;
}

.bodylinewidth
{
width: 1200px;
margin: auto;
}

.forumline
{
max-width: 1200px;
overflow: auto;
margin-left: auto ;
margin-right: auto ;
margin-top: 10px ;
margin-bottom: 10px ;
padding: 4px;
background: url(http://img545.imageshack.us/img545/967/sanstitre3om.png) top left repeat;
border: 2px solid #666666;
border-radius: 10px ;
-moz-border-radius: 10px ;
-o-border-radius: 10px ;
-htm-border-radius:10px ;
-webkit-border-radius: auto;
font-size: 11px;
color: transparant;
font-family: helvetica;
}
.forumline a
{
text-decoration: none !important;
fotn-weight: bold;
color:  transparant;
}
.forumline a:hover
{
text-decoration: none !important;
fotn-weight: bold;
color: #FFDA8C !important;
}


.row1,.row2,.row3
{
border-bottom: 1px dotted #000000;
}

a
{
letter-spacing: 1px;
outline: none;
text-decoration: none !important;
}

a:hover
{
text-decoration: none !important;
}

.cattitle
{
display: block;
font-variant: small-caps;
text-align: center;
}

a.cattitle
{
display: block;
color: #e9e3dd;
padding-left: 30px;
font-variant: small-caps;
 }




.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}


.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

.cat_forum {
background-color: none;
margin: auto;
margin-bottom:auto;
width:1200px;
}

.onglet {
display:inline-block; 
margin-top:30px;
text-decoration:none; !important ;
cursor:pointer;
border :none;
}

.onglet li {
float:left;
list-style-type:none;
margin-bottom:-22px;
text-decoration:none; !important
cursor:pointer;
}

.onglet li:hover {
text-decoration:none; !important ;
cursor:pointer;
}

.onglet li a {
display:inline-block;
text-decoration:none; !important ;
list-style-type: none;
cursor:pointer;
}

.onglet li a: hover {
text-decoration:none;
list-style-type:none;
cursor:pointer;
}

.onglet_actif {
background: url('http://img638.imageshack.us/img638/53/barre2.jpg') no-repeat;
color: #000000;
width:200px; /*Largeur de l'onglet étant actif*/
height:30px; /*Hauteur de l'onglet étant actif*/
cursor:pointer;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
-webkit-border-top-left-radius: 10px; /* pour Chrome */
-webkit-border-top-right-radius: 10px; /* pour Chrome */
text-shadow: #4A4A4A 0px 0px 3px;
padding: 5px 20px;
margin: 0;
}

.onglet_nactif {
background:url('http://img832.imageshack.us/img832/6998/barre2l.jpg') no-repeat; /*URL de l'onglet étant inactif*/
color: #000000;
width:200px; /*Largeur de l'onglet étant inactif*/
height:30px; /*Hauteur de l'onglet étant inactif*/
cursor:pointer;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
-webkit-border-top-left-radius: 10px; /* pour Chrome */
-webkit-border-top-right-radius: 10px; /* pour Chrome */
padding: 5px 20px;
margin: 0;
}

.infobulle{
position: relative;
z-index: 0;}

.infobulle:hover{
background-color: transparent;
z-index: 50;}

.infobulle span{
position: absolute;
background-color: #000000;
padding: 5px;
left: -1200px;
visibility: hidden;
color: none;}

.infobulle span img{
border: 2px;
padding: 5px;}


.infobulle:hover span{
visibility: visible;
top: 70px;
left: 35px;
width: 200px ;
color:#FF0000;
border: 2px solid #0000FF;}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Blabla Box "; }
body.chatbox {
background: url(http://img338.imageshack.us/img338/2662/sanstitre1bfb.png) top left repeat;
border: 2px solid #666666;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-htm-border-radius: 10px;
-webkit-border-radius: 10px;
 color: transparant;
}

.chatbox_row_1, .chatbox_row_2, .chatbox_row_3{
background: transparent;
}

.code
{
-moz-border-radius: 15px;
padding-left: 10px;
}
.quote
{
-moz-border-radius: 15px;
padding-left: 10px;
}
.button2{ -moz-border-radius: 5px;}
.bodyline{ -moz-border-radius: 10px;}
input,textarea, select {
border-radius: 10px 10px;
-moz-border-radius: 10px;
padding-left: 3px;
}

.contour-pa { /*cadre de fond*/
  width:790px; height: 550px;
  background-image: url(http://img4.hostingpics.net/pics/147279tryu210.jpg); /*image de fond*/
  padding: 5px; /*marge intérieure du cadre*/
  border-radius: 15px; /*bordures arrondies*/
  border: 2px solid #23236b; /*bordure - taille, style et couleur*/
}
.titre-pa { /*titre principal*/
  font-family: 'Nothing You Could Do', cursive; /*police*/
  color: #23236b; /*couleur de police*/
  text-align: center; /*alignement - ici centrée*/
  font-size: 25px; /*taille de la police*/
}
.titre-pa2 { /*titre des cadres*/
  font-family: 'Nothing You Could Do', cursive; /*police*/
  color: #23236b; /*couleur de police*/
  text-align: center; /*alignement - ici centrée*/
  font-size: 20px; /*taille de la police*/
  border-bottom: 1px solid #23236b;
}
.cadre-contexte { /*cadre principal du contexte*/
  width:390px; height: 240px;
  background-color: RGBa(51,51,153,0.3);
  padding:5px;
}
.defil-contexte { /*cadre secondaire du contexte*/
  width:380px; height: 180px;
  background-color: RGBa(224,224,239,0.2);
  padding:5px;
  margin-top: 5px; /*marge supérieure*/
  overflow:auto; /*défilement automatique*/
}

.cadre-navig { /*cadre principal de la navigation*/
  width:145px; height: 240px;
  background-color: RGBa(51,51,153,0.3);
  padding:5px;
}
.defil-navig { /*cadre secondaire de la navigation*/
  width:130px; height: 195px;
  background-color: RGBa(224,224,239,0.2);
  padding:5px;
  margin-top: 5px;
}
.lien-pa { line-height: 180%; } /*espacement entre les lignes*/
.lien-pa:hover { font-variant:small-caps; } /*changement de police au passage de la souris*/

.cadre-staff { /*cadre principal du staff*/
  width:200px; height: 240px;
  background-color: RGBa(51,51,153,0.3);
  padding:5px;
}
.cadre-predef { /*cadre principal du prédéfini*/
  width:200px; height: 240px;
  background-color: RGBa(51,51,153,0.3);
  padding:5px;
}
.defil-predef { /*cadre secondaire du prédéfini*/
  width: 190px; height: 190px;
  background-color: RGBa(224,224,239,0.2);
  padding:5px; padding-top:10px;
  margin-top: 5px;
}

.cadre-credit { /*cadre principal des crédits*/
  width:175px; height: 240px;
  background-color: RGBa(51,51,153,0.3);
  padding:5px;
}
.defil-credit { /*cadre secondaire des crédits*/
  width:165px; height: 195px;
  background-color: RGBa(224,224,239,0.2);
  padding:5px;
  margin-top: 5px;
  overflow:auto;
  line-height: 180%;
}
.cadre-membre { /*cadre principal membre du mois*/
  width:200px; height: 100px;
  background-color: RGBa(51,51,153,0.3);
  padding:5px;
}
.cadre-membre2 { /*cadre secondaire membre du mois*/
  width:170px; height: 50px;
  background-color: RGBa(224,224,239,0.7);
  margin-top:7px;
  padding:5px;
  opacity:0; /*Opacité de l élément*/
  transition:2s; /*temps de transition*/
}
.image-membre { /*image du membre staff et membre du mois*/
  width:180px; height: 60px;
  margin-top:7px;
}
.cadre-membre2:hover { /*permet le changement au passage de la souris*/
  opacity:1;
  transition:1s;
}
.cadre-tops { /*cadre principal du top-site*/
  width: 145px; height: 100px;
  background-color: RGBa(51,51,153,0.3);
  padding:5px;
}
.defil-tops { /*cadre secondaire du top-site*/
  width: 135px; height: 55px;
  background-color: RGBa(224,224,239,0.2);
  padding:5px;
  margin-top: 5px;
}
.cadre-parto { /*cadre principal des partenaires*/
  width:360px; height: 125px;
  background-color: RGBa(51,51,153,0.3);
  padding:5px;
  overflow:auto;
}
.defil-parto { /*cadre secondaire des partenaires*/
  width: 350px; height: 80px;
  background-color: RGBa(224,224,239,0.2);
  padding:5px;
  margin-top: 5px;
}

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Le coin détente"; }
p.chatbox_row_1 {
background-color:#1B1915;
}
p.chatbox_row_2 {
background-color:#1a1a19;
}

.page-title
{
text-align: center;
}


Je remercie d'avance les personnes qui m'aideront à résoudre ce problème Smile


Dernière édition par Jézebel L. le Dim 6 Mar 2016 - 16:47, édité 1 fois
Jézebel L.

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

https://hiddenworld.forumsrpg.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie non centré

Message par Feuilla' Ven 4 Mar 2016 - 10:44

Bonjour,
plutôt que de modifier chaque catégorie pour centrer, il vaut mieux prendre toutes les catégories en même temps et les aligner centrées : Smile
Code:
.secondarytitle {
  font-weight:bold;
  text-align:center;
}
Ce code permet aussi de mettre le gras en plus de centrer, vous pouvez donc retirer les balises <b> de vos catégories. Wink
Bonne journée !
avatar

Feuilla'
Membre habitué

Messages : 1389
Inscrit(e) le : 26/07/2015

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

Résolu Re: Titre catégorie non centré

Message par Jézebel L. Ven 4 Mar 2016 - 18:58

Bonjour Feuilla'

Je vous remercie de m'avoir répondu, cependant ce code ne règle pas le problème, et pourtant j'ai enlevé les balises dans chaque catégorie :/

Titre catégorie non centré Captur10
Jézebel L.

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

https://hiddenworld.forumsrpg.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie non centré

Message par Feuilla' Sam 5 Mar 2016 - 19:44

Re-Bonjour,
les titres sont bien centrés, vous n'en avez peut-être pas l'impression mais ils sont bien centrés. Wink
J'ai testé ce code, et en me rendant sur votre forum, lorsque je supprime la ligne "text-align: center;", le titre n'est plus centré et se précipite vers la gauche.
Par contre il est possible (si c'est l'effet que vous attendiez) de décaler encore plus le texte vers la droite, dans ce cas-là il suffit de rajouter un peu d'espace (marge intérieure) côté gauche du texte et le titre de la catégorie s'éloigne encore plus de la gauche :
Code:
.secondarytitle {
    font-weight: 700;
    text-align: center;
    padding-left: 90px;
}
C'est l'avant-dernière ligne qui rajoute la marge inétrieure gauche ("90" à changer si besoin).
Bonne soirée !
avatar

Feuilla'
Membre habitué

Messages : 1389
Inscrit(e) le : 26/07/2015

Feuilla' a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Titre catégorie non centré

Message par Jézebel L. Dim 6 Mar 2016 - 16:46

Bonjour,

En effet, avec cette méthode ci, c'est beaucoup mieux !
Je te remercie de tout cœur pour ce code et de m'avoir apporté ton aide ^^

Prob résolu
Jézebel L.

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

https://hiddenworld.forumsrpg.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre catégorie non centré

Message par Feuilla' Dim 6 Mar 2016 - 17:25

Re-Bonjour,
avec plaisir, bonne continuation ! Wink
avatar

Feuilla'
Membre habitué

Messages : 1389
Inscrit(e) le : 26/07/2015

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

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

- Sujets similaires

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