Remettre ma page de mon index au centre de mon écran

[dragon1973]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Je pense que cela fait une quinzaine de jours par rapport à aujourd'hui.
Lien du forum : http://dragon-graphisme59.forumactif.org

Description du problème

Bonjour ou bonsoir,

Cela fait plusieurs jours que j'ai ce soucis sur ma page d'index et uniquement sur celle-ci ce défaut de centrage de ma page.

Car comme vous pouvez le constater sur l'image j'ai la page de mon forum qui est contre le côté gauche de l'écran. Et lorsque je quitte cette page d'index pour aller dans un forum ma page est de nouveau centrer au centre de mon écran. J'ai vérifier si j'avais encore mes deux partie de page dans la partie affichage puis gestion des images et dans la partie avancée et tout est correct.

Je vous remercie de votre aide par avance car là je ne voie pas comment faire ceci voilà ma demande.

Bien cordialement Dragon1973.

Donc voici ma question comment rétablir sur ma page de mon index de mon forum le fait de pouvoir de nouveau être au centre de mon écran ?

[Albert (67)]

Bonjour

Je viens de regarder .
La page d' accueil est parfaitement centrée .

Même navigateur que toi .

[dragon1973]

Bonjour Albert,

Pourtant pour moi qui est le fondateur cela n'est pas le cas, donc ceci doit me concerné uniquement donc d'après ce que vous me dite donc ?

Cela est vraiment bizarre, voir curieux.

En tout cas merci de votre réponse enrichissante l'ami.

[dragon1973]

up

[Invité]

bonjour dragon 1973

votre logo fait environ 1445px de large , pour un forum régler a 60% qui fait environ 600px, n'y a t'il pas un problème de ce coté la ?

votre forum s'en trouve déformé.. pour donné une taille a votre logo

Code:

img#i_logo{width:100%;}

[dragon1973]

Bonjour R-max,

Merci pour m'aider à ce problème l'ami.

Et bien à vrai dire cela était un oublie de ma part pour mon forum qui était normalement à 80% car j'avais modifier celle-ci et que je ne l'avais pas rectifier par la suite à propos de ce problème de centrage.

Je viens de le remettre à 80% et rien à changer pour autant.

Je sais que depuis le début de sa conception je n'avais pas ce soucis de centrage, je me pose la question que cela pourrais peut être provenir d'un de mais CSS modifier quelquefois.

En voici le contenu le cas échéant :

Code:

/*Personnaliser la palette de couleurs de l’éditeur début*/

        /* Icônes couleur dans la palette */
       
        .color-option {
        display: inline-block !important;
        width: 15px !important;  /* largeur de l'icône couleur */
        height: 15px !important;  /* hauteur de l'icône couleur */
        border: 2px solid #fff !important;  /* cadre blanc sur l'icône couleur */
        margin: 3px !important;  /* espace entre chaque icône */
        box-shadow: 0 0 2px #778899;  /* ombre */
        cursor: pointer !important;
        }
        .color-option span{
        display: block !important;
        width: 15px !important;  /* largeur de l'icône couleur */
        height: 15px !important;  /* hauteur de l'icône couleur */
        }
        .color-option, .color-option span {
        border-radius: 2px;  /* arrondi */ 
        }
       
        /* Palette complète - la largeur influence le nombre d'icônes affichées */
        .sceditor-dropdown.sceditor-color-picker {
        width: 200px !important;  /* largeur de la palette complète */
        height: 100px !important;  /* hauteur de la palette complète */
        padding: 5px !important;
        border-radius: 5px !important;
        }

/*Personnaliser la palette de couleurs de l’éditeur fin*/

/*Tous les LIENS du forum même comme le titre etc... début*/
        a {
                -moz-transition:all 0.5s; /* Mozilla Firefox */
                -webkit-transition:all 0.5s; /* Safari et Google Chrome */
                -o-transition:all 0.5s; /* Opera */
                transition:all 0.5s;
            }

        a {
                -moz-transition:color 5s; /* Mozilla Firefox */
                -webkit-transition:color 5s; /* Safari et Google Chrome */
                -o-transition:color 5s; /* Opera */
                transition:color 5s;
            }

        a:hover {
                color:#ff0000;
            }

/*Ajouter un effet de transition sur les liens fin*/

/*Pseudos personnalisés en fonction du groupe début*/

        a span[style="color:#FF0000"] strong /* groupe des administrateurs du forum*/
   {
        background:url(http://ahp.li/ea97669a3e39e22ca022.png) no-repeat;
        padding-left:16px;}

        a span[style="color:#3B82ED"] strong /* groupe des modérateurs du forum*/
   {
        background:url(http://ahp.li/1e3340955c4faf36fc7c.png) no-repeat;
        padding-left:16px;}   

/*Pseudos personnalisés en fonction du groupe fin*/

        /*Cela est le code pour la présentation des membres sur le forum début*/
       
                    .mariok13 {
            background-image: url(http://i21.servimg.com/u/f21/13/05/48/28/tete_111.png);
            background-position: center;
            background-repeat: no-repeat;
            box-shadow: -1px 2px 5px 1px rgba(0,0,0,0.7), -1px 2px 20px rgba(255,255,255,0.6) inset;
            margin: 40px auto;
            padding: 100px;
            width: 70%;
            background-size: contain;
        }
       
        /*Cela est le code pour la présentation des membres sur le forum fin*/

/*Mettre une image de fond dans le message rapide du forum début*/

       
        .sceditor-container iframe, .sceditor-container textarea {
        background:url(http://ahp.li/68b3763ff3337827d444.png)!important;
        background-repeat:no-repeat!important;
        background-position:center!important;
        }

/*Mettre une image de fond dans le message rapide du forum fin*/

/*Mettre l'avatar du membre sur votre Toolbar début*/

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

/*Mettre l'avatar du membre sur votre Toolbar fin*/

/*Coloriser les cellules lors d'un nouveau message début*/

        tr.newpost td {
        background-color:#b86e32!important;}

        /*--- Bloc réponse rapide ---*/
       
        .sceditor-container.ltr.sourceMode {
        width:800px !important;
        background-color: #EBBC96 !important;
        }
        .sceditor-container.ltr.wysiwygMode {
        width:800px !important;
        background-color: #EBBC96 !important;
        }
       
        /*---  Partie supérieur contenant les outils ---*/
       
        div.sceditor-toolbar {
        background-color: B59377 !important;
        width: 750px !important;
        }
       
        /*---  Partie texte area : fond ---*/
       
        .sceditor-container iframe, .sceditor-container textarea {
        background-color: #EBBC96 !important;
        text-align:justify;
        margin:0 !important;
        line-height: 13px;
        width: 800px !important;
        color: #444444 !important;
        font-size:14px !important;
        }
       
        /*---  Groupe de boutons ---*/
       
        div.sceditor-group {
        background-color: #B59377 !important; }
 
        /*---  Boutons ---*/
       
        a.sceditor-button {
        ...
        }

        /*---  Boutons sélectionnés ---*/
       
        a.sceditor-button.hover {
        background-color: #EBBC96 !important;
        }

        /* fond d'un bouton survolé ou activé */
 
.sceditor-button.hover, a.sceditor-button:hover {
background: #EBBC96;
}
       
        /* 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: none;
        }

        /*---  Smileys ---*/
       
        .sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}
        img.smiley {width: auto !important; height : auto !important;}
         

/*Placer l'avatar à côté de la réponse rapide début*/

  #av_quickreply img {
            left: 10px;
            position: relative;
            top: 35px;
        }
       
        #av_quickreply {
            float: left;
            position : absolute;
        }

/*Placer l'avatar à côté de la réponse rapide fin*/

/*Centrage automatique dans les messages début*/

tr.post td{
text-align: center;
}

/*Centrage automatique dans les messages fin*
   
/* ********** QUI EST EN LIGNE *********** */

      .statistiques{
    border:0px;
    background-repeat: no-repeat;
    background-position: left;
    height:270px;}

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


.forumline {-moz-border-radius: 15px;
-webkit-border-radius: 9px;
border-radius: 9px;
padding: 1px;
}

body { cursor: crosshair }
a:hover { cursor:ne-resize; }

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

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

****************************************************************************************************************************

a.forumlink:link, a.forumlink:visited {
-moz-border-radius: 10px 10px 10px 10px;
background-color: #ffffff;
border-bottom: 1px solid #000000;
color: #000000;
font-family: Times New Roman;
font-size: 15px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
text-decoration: shadow !important;
text-shadow: black 1px 1px 2px;
}

a.forumlink:hover{
color: #888888;
letter-spacing: 2px;}

  .titre01 {
  font-size: 24px;
  font-family: Times New Roman;
  text-align : center ;
  letter-spacing: -1px;
  padding-left: 0px;
  padding-right: 3px;
  padding-bottom: 0px;
  padding-top: 3px;
  display: block;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px white;
  font-weight:normal;
  color : white;
}

.titre02 {
  border-radius-topleft: 50px;
  border-radius-topright: 50px;
  background : #3b3b3b;
  border : 2px solid #fff;
  text-align: center;
  text-transform: uppercase;
  color : #12385f;
  text-shadow: 1px 1px 1px white;
  box-shadow : 0px -1px 5px black;
  border-radius : 10px 10px 0px 0px;
}

.boxpa1 {
  width : 771px;
  height : 80px;
  line-height : 12px;
  color : white;
  text-shadow : 1px 1px 0px black;
  text-align : justify;
  font-variant : small-caps;
  font-family : Calibri;
  overflow : auto;
  border-left : 2px solid white;
  border-right : 2px solid white;
  border-top : 1px dotted white;
  border-bottom : 1px dotted white;
  background : #B8906E;
  padding : 3px;
  margin-top : -3px;
}

.boxpa2 {
  width : 247px;
  height : 100px;
  line-height : 12px;
  color : white;
  text-shadow : 1px 1px 0px black;
  text-align : center;
  font-variant : small-caps;
  font-family : Calibri;
  overflow : auto;
  border-left : 2px solid white;
  border-right : 2px solid white;
  border-top : 1px dotted white;
  border-bottom : 1px dotted white;
  background : #B8906E;
  padding : 3px;
  margin-top : -3px;
}


#boitetatu{
position: fixed;
top: 300px;
left: 20px;
width: 200px;
+ les votres
}

.titreboiteta{
Propriétés CSS
}

.paragraphe{
Propriétés CSS
}

/*--- Cette partie correspond à la description du forum ---*/

.forum-description {
overflow: auto;
text-align: justify;
background: #BD997B;
margin: 2px;
padding: 2px;
color: #302D2D;
width: 370px;
height: 110px;
border-left: 3px solid #A37750;
border-right: 3px solid #A37750;
border-bottom: 3px solid #A37750;
border-top: 3px solid #A37750;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-size: 12px;
}

.forum-forum {
overflow: auto;
text-align: center;
background: #BD997B;
margin: 2px;
padding: 2px;
padding-top: 6px;
color: #302D2D;
width: 100px;
height: 107px;
border-left: 3px solid #A37750;
border-right: 3px solid #A37750;
border-bottom: 3px solid #A37750;
border-top: 3px solid #A37750;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-size: 12px;
}

/*---Derniers messages---*/

.lastpost{
width: 130px;
height: 110px;
background-color:#BD997B
margin-top: -20px;
padding: 2px;
font-family: verdana;
font-size: 10px;
color: #302D2D;
border-left: 3px solid #A37750;
border-right: 3px solid #A37750;
border-bottom: 3px solid #A37750;
border-top: 3px solid #A37750;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

a.forumlink{
font-size: 20px;
margin-bottom: -13px;
padding-top: 7px;
margin-left:-120px;
color : #BD997B;
display:block;
font-family: Tahoma;
text-shadow: 1px 1px 2px #666666;
}



Bien cordialement Dragon1973.

[Invité]

vous n'avez pas compris , !

il faut mettre une taille a votre logo (1445px )ou le redimensionné , même si vous régler votre forum a 100% ça n'ira pas ..

commencer déjà par régler se problème majeur.

[dragon1973]

Re,

Je suis désolé R-max, car c'est vous qui n'avait pas compris ce que je voulais dire au début de ce topic.

Car lorsque je quitte mon index pour aller dans un topic de mon forum comme par exemple mon topic " règlement et présentation " le problème se résout, le soucis de centrage ni est pas du tout. Donc cela na rien à voir avec ma bannière sinon j'aurais le tour également à cet endroit non.

Le soucis est uniquement sur l'index et nul par ailleurs, je dis bien nul part à par à cet endroit que j'aille partout sur le forum cela est normal, puis je reviens sur l'index cela reviens.

Je vous donne comme preuve ce que vous m'avez dit à propos de rétrécir ma bannière donc en voici la preuve par imge.

Preuve en image ::

Voilà donc le soucis l'ami cela n'est à rien ni comprendre n'est ce pas ?

J'attends vos réponse avec impatience.

Bien cordialement Dragon1973.

[Invité]

hum , alors voici mon visuel en 15 pouce



ceci sur toutes les pages , je ne voie même pas votre image de fond tellement votre forum et large .

et voici en zoom réduit a 60%


ne touchant pas au zoom et en appliquant un css a votre logo ,le forum s'affiche normalement




y'a comme un hic ..

aprés l'histoire de centrage de votre coté ??
avez vous vidé le cache !

[dragon1973]

Re,

En tout cas merci pour votre aide l'ami.

Oui cela est de mon côté en effet et pour ce qui est de répondre à votre question à propos de vider le cache.

Et bien oui cela à été fait car j'ai configurer mon PC de la sorte qui le vide à chaque démarrage de mon ordi, et je l'ai redémarrer aujourd'hui en fin d'après-midi et cela n'à pas changer.

Amicalement Dragon1973

[dragon1973]

Re,

Je viens de me déconnecter de mon forum pour faire un essai et là surprise mon index de mon forum est de nouveau centrer. Puis je me suis reconnecter et rebelote cela recommence.

Alors c'est grave docteur ? :lol!:

[Invité]

vous avez un écran de combien de pouces ? je parie sur un 24 ?

[dragon1973]

Bonjour R-max,

Non je suis navré l'ami ce n'ai pas un 24" mais un 19" mon écran de PC.

[Invité]

bonjour dragon1973

Je viens de me déconnecter de mon forum pour faire un essai et là surprise mon index de mon forum est de nouveau centrer. Puis je me suis reconnecter et rebelote cela recommence.

avez vous un compte test , pour accéder en temps que membre ? pour voir le problème une fois connecter .
si oui mot de passe en MP svp.

Non je suis navré l'ami ce n'ai pas un 24" mais un 19" mon écran de PC.

toujours et t'il que les membres avec un ordinateur inférieure a 19 pouces auront un forum pas très ergonomique !

il va falloir y remédier mon ami ^^

bon dimanche a vous

[dragon1973]

Bonsoir R-max,

Non je n'ai pas un compte test pour le forum afin de voir de ce qu'il en est.

Pour ce qui est de mon écran en 19" et bien vous me conseiller quoi en effet pour cela.

Je vous souhaite une bonne fin de soirée bine amicalement Dragon1973.

[Invité]

re , proposition pour la taille du logo

a placé dans votre feuille de style css>>>>>

Code:

#i_logo {
    width: 100%;
}

bonne soirée ,

[dragon1973]

Bonjour R-max,

Excuse moi de n'avoir pas répondu plus tôt mais avec les fêtes qui approche à grand pas cela me donne des journées de dingue.

Merci pour ton aide l'ami et voici le résultat en image pour ton code et ce qui en résulte.



Cela ne s'arrange pas avec ce code mon ami.

Amicalement Dragon1973.

[Invité]

Je n'est pas dis qu'il aller centrer votre forum.

Ce code est pour le logo.

[dragon1973]

Oui cela j'avais compris fort bien l'ami.

[Lixyr]

Bonjour,

Avez-vous du contenu que seul le fondateur peut voir sur votre forum ?
Est-ce que les membres ont aussi le problème ?

(Et pourriez-vous remettre le code pour le logo, afin que mon affichage n'explose pas hors de mon écran ? )

[dragon1973]

Bonjour Lixyr,

Je vous remercie de m'aider pour ce problème.

Donc :

- Avez-vous du contenu que seul le fondateur peut voir sur votre forum ? Oui j'ai du contenue que seul le fondateur peut voir.

- Est-ce que les membres ont aussi le problème ? N'ayant pas de membre pour l'instant car mon forum est toujours en construction on va dire cela va être dur de répondre à votre question.

- (Et pourriez-vous remettre le code pour le logo, afin que mon affichage n'explose pas hors de mon écran ? What a Face ) Je viens à l'instant de remettre le code pour ma bannière afin que votre écran n'explose.

Voilà et j'espère que vous pourriez m'aider Lixyr ?

Cordialement Dragon1973.

[dragon1973]

UP.

[dragon1973]

up

[dragon1973]

up. Alors personne ne peut m'aider pour mon problème.

[Florine P.]

[dragon1973]

up up up Personne pour m'aider ?

[dragon1973]

up

[Lixyr]

Bonjour Lixyr,

Je vous remercie de m'aider pour ce problème.

Donc :

- Avez-vous du contenu que seul le fondateur peut voir sur votre forum ? Oui j'ai du contenue que seul le fondateur peut voir.

- Est-ce que les membres ont aussi le problème ? N'ayant pas de membre pour l'instant car mon forum est toujours en construction on va dire cela va être dur de répondre à votre question.

- (Et pourriez-vous remettre le code pour le logo, afin que mon affichage n'explose pas hors de mon écran ? What a Face ) Je viens à l'instant de remettre le code pour ma bannière afin que votre écran n'explose.

Voilà et j'espère que vous pourriez m'aider Lixyr ?

Cordialement Dragon1973.

Bonjour Dragon,

Il faudrait vous créer un compte test pour voir si vous avez le même problème. Ca permettra de réduire le champ des possibilités.

[dragon1973]

Bonjour Lixyr,

Je suis d'accord pour cela, mais comment puis-je faire cela s'il vous plait ?

Donner moi la marche à suivre en détail cela m'arrangerai.

Merci d'avance pour m'aider et pour votre aide.

Amicalement Dragon1973.

[Albert (67)]

Bonjour

Il suffit de t' inscrire sur ton forum avec un autre pseudo .
Tu seras alors un membre " normal " .
Un tel compte est très pratique pour faire des vérifications après des modifications .