Carré Blanc autour de ma PA, problème de codage je crois.

Page 2 sur 2 Précédent  1, 2

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

Résolu Carré Blanc autour de ma PA, problème de codage je crois.

Message par Charmed Eternity le Dim 8 Fév 2015 - 19:23

Rappel du premier message :

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 ne sais plus.
Lien du forum : http://lonney-t-pub.monfofo.net/

Description du problème

Bonjour à vous, j'ai un problème esthétique pour mon forum, qui vient en fait d'un problème de codage. Je ne pourrais dire quand le problème est survenu car je viens de le remarquer. Mais comme démontré sur l'hébergement d'image, il y a un gros carré blanc autour de ma PA. En vérifiant dans mes couleurs, je peux voir qu'il n'y a pas de couleur de fond de page, ni de cadre du forum. C'est pourquoi je me dis que le problème peut venir de mon css ou de mes Templates, mais je ne m'y connais pas. Alors je vous donne mon CSS. si jamais vous avez besoin de mes Templte, je pourrai vous les fournir.

Code:
/* Debut des CATEGORIES */
/*Gère le squelette du titre catégorie*/
.titre_cate
{
  text-align: center;
  text-shadow: 1px 1px 1px black;
}
 /*Gère l'aspect esthétique du titre catégorie*/
.titre_cate h2
{
  font-size: 25px;
  color: #cccccc;
}

 /*Le forum en lui même, le fond, la bordure, l'ombre etc..*/
.forum
{
  background-color: #dfdfdf;
  border: 2px solid #ffffff;
  width: 953px;
  height: 150px;
  margin: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  -moz-box-shadow: 1px 1px 10px #dfdfdf;
  -webkit-box-shadow: 1px 1px 10px #dfdfdf;
  box-shadow: 1px 1px 10px #dfdfdf;
}
 /*Image no new, attention, elle doit faire 150*150 pour un affichage optimisé*/
.icon
{
  float: left;
}

a.titre_forum
{
  display: block; /*Passe le titre du forum de simple élément en ligne à un block*/
  color: #cccccc;
  letter-spacing: 1px; /*Laisse un espace de 1px entre chaque lettre*/
  font-size: 15px;
  text-shadow: 1px 1px 1px black;
  text-decoration: none!important;
}

.description
{
  overflow: auto;
  float: left;
  background-color: #cccccc;
  border: 1px solid #ffffff;
  border-right: 0px;
  height: 107px;
  width: 500px;
  padding: 5px;
  -moz-border-radius: 25px 0 0 25px;
  -webkit-border-radius: 25px 0 0 25px;
  border-radius: 25px 0 0 25px;
/*Arrondis sur la plupart des navigateurs*/
  -moz-box-shadow: inset 1px 1px 10px #dfdfdf;
  -webkit-box-shadow: inset 1px 1px 10px #dfdfdf;
  box-shadow: inset 1px 1px 10px #dfdfdf;
/*Ombre sur la plupart des navigateurs*/
}

.ssforum
{
  float: right;
/*Fait flotter sur la droite les sous-forums sur la droite de la description*/
  background-color: #cccccc;
  border: 1px solid #ffffff;
  height: 120px;
  width: 120px;
  overflow: auto;
  -moz-border-radius: 0 25px 25px 0;
  -webkit-border-radius: 0 25px 25px 0;
  border-radius: 0 25px 25px 0;
  -moz-box-shadow: inset 1px 1px 10px #dfdfdf;
  -webkit-box-shadow: inset 1px 1px 10px #dfdfdf;
  box-shadow: inset 1px 1px 10px #dfdfdf;
}
            /* Fin des CATEGORIES */

/* -------------------------------- QEEL -------------------------------- */

        /*** MISE EN FORME LIENS AU SURVOL ***/
        a:hover {
          text-decoration: none !important;
        }

        /*** MISE EN FORME FONT DU QEEL ***/
        .fond_qeel {
          width: 780px;
          border-radius: 0px 0px 25px 25px;
          background-color: #E4E4E4;
          margin: auto;
          height: 620px;
          position: relative;
        }

        /*** MISE EN FORME TITRE PRINCIPAL ***/
        .titre_principal {
          color: #2D5A57;
          font-family: georgia;
          font-size: 28;
          letter-spacing: 5px;
          text-align: center;
        }

        /*** MISE EN FORME SOUS-TITRE "Et à qui se fier ?" ***/
        .titre_secondaire {
          color: #C7BBC1;
          font-family: georgia;
          font-size: 14px;
          text-align: center;
        }

        /*** MISE EN FORME BLOC STATISTIQUES ***/
        .bloc_stat {
          background-color: #F0F0F0;
          padding: 15px;
          width: 200px;
          height: 150px;
          overflow: auto;
          font-size: 11px;
          border: 2px solid #CACACA;
          text-align: justify;
          color: #515151;
          position: absolute;
          left: 3em;
          z-index: 1;
        }

        /*** MISE EN FORME BLOC DES GROUPES ***/
        .bloc_groupes {
          background-color: #F0F0F0;
          padding: 15px;
          width: 420px;
          height: 50px;
          overflow: auto;
          font-size: 20px;
          border: 2px solid #CACACA;
          text-align: center;
          font-family: 'Six Caps', sans-serif;
          position: absolute;
          left: 14.5em;
          z-index: 1;
        }

        /*** MISE EN FORME BLOC DES CONNECTES LES 24H ***/
        .bloc_connectes {
          background-color: #F0F0F0;
          padding: 15px;
          width: 420px;
          height: 50px;
          overflow: auto;
          font-size: 20px;
          border: 2px solid #CACACA;
          text-align: center;
          font-family: 'Six Caps', sans-serif;
          position: absolute;
          left: 14.5em;
          z-index: 1;
        }

        /*** COULEUR ET TRANSPARENCE DU FOND DES 24H ***/
        #kaboum .row1 {
          background-color : transparent;
        }

        #kaboum span.gensmall {
          color: #515151;
        }

        /*** MISE EN FORME DES TITRES (simple + survol) ***/
        .titre_bloc {
          font-family: 'Dancing Script', cursive;
          font-size: 24px;
          font-weight: bold;
          color: #B0C3AB;
          position: absolute;
          z-index: 2;
          margin-top: -18px;
        }

        .titre_bloc:hover {
          color: #2D5A57;
        }

        /*** GROUPES A ONGLETS ***/
        /* Mise en forme des noms de groupe */
        .groupe_onglet {
          display: inline-block;
          padding: 10px;
        }

        /* Mise en forme du bloc en transparence de description */
        .contenu_groupe_onglet {
          padding: 15px;
          display: none;
          width: 315px;
          height: 115px;
          overflow: auto;
          font-size: 11px;
          color: #414141;
          text-align: justify;
          background-color: #CBC4C2;
          position: absolute;
          top: 14em;
          left: 21em;
          filter: alpha(opacity = 50);
          opacity: 0.5;
        }

        /* Mise en forme des liens */
        .contenu_groupe_onglet a{
          text-decoration: none !important;
        }

        /*** MISE EN FORME DES CREDITS ***/
        .credits {
          text-align: right;
          margin-right: 10px;
          font-size: 9px;
          margin-top: 10px;
        }

        .credits a{
          color: #B0C3AB;
        }

        /* -------------------------------- FIN QEEL -------------------------------- */
*


        /*********************************** PA ***********************************/

        /*** PARTENAIRES ET TOPS ***/
        .img_partenaires {
          opacity: 0.5;
        }

        .img_partenaires:hover {
          opacity: 1;
        }



        /*** IMAGES DU STAFF ***/

        .imgPA {
          border-radius: 50%;
          width: 100px;
          height: 100px;
        }

        .info {
          position: relative;
          z-index: 24;
          text-decoration: none;
        }
       
        c.info:hover {
          z-index: 25;
        }
       
        c.info span {
          display: none;
        }
       
        c.info:hover span {
          display: block;
          position: absolute;
          top: -9.3em;
        left: -0.3em;
          border-radius: 50%;
          width: 105px;
          height: 105px;
          background-color: #0D0D0D;
          color: #F3F3F3;
          text-align: center;
          font-weight: none;
        }



        /*** IMAGES DES PREDEFINIS ***/
        .imgwidget {
          border-radius: 50%;
          width: 100px;
          height: 100px;
          -moz-transition-duration: 1s;
          -moz-transition-timing-function: linear;
          -webkit-transition-duration: 1s;
          -webkit-transition-timing-function: linear;
          transition-duration: 1s;
          transition-timing-function: linear;
        }

        .imgwidget:hover {
          border-radius: 50%;
          width: 100px;
          height: 100px;
          -moz-transform: rotate(360deg);
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
        }

        .info {
          position: relative;
          z-index: 24;
          text-decoration: none;
        }

        d.info:hover {
          z-index: 25;
        }
       
        d.info span {
          display: none;
        }
       
        d.info:hover span {
          display: block;
          position: absolute;
          top: -2em;
        left: -2em;
          width: 140px;
          height: 50px;
          overflow: auto;
          background-color: #0D0D0D;
          color: #F3F3F3;
          text-align: center;
          font-weight: none;
        }



        /*** EFFET DU CONTEXTE ***/

        .contexte {
          width: 400px;
          height: 200px;
          overflow: hidden;
          background-color: #333333;
          border-radius: 25px;
          position: relative;
          top: -2.2em;
        }
           
        .contexte_img {
          position: relative;
          z-index: 2;
          width: 400px;
          height: 200px;
          margin-left: 0px;
          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;
        }

        .contexte:hover .contexte_img {
          margin-top: -200px;
          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;
        }
           
        .contexte_description {
          position: relative;
          z-index: 1;
          width: 350px;
          height: 140px;
          color: #F3F3F3;
          padding: 25px;
          text-align: justify !important;
          font-size: 11px;
          overflow: auto;
        }

        .contexte_description a {
          text-decoration: none !important;
        }



        /*** SYSTEME D'ONGLETS ***/

        .paonglet {
          display: inline-block;
          margin-left: 20px;
          margin-right: 20px;
          padding: 10px;
          cursor: pointer;
          background-color: #333333;
          color: #FCE7AE;
        }
                   
        .paonglet_0 {
          border-radius: 25px;
        }

        .paonglet_1 {
          border-radius: 25px;
          color: #70A0BA;
        }

        .contenu_paonglet {
          padding: 25px;
          display: none;
          width: 780px;
          height: 450px;
          border-radius: 25px;
          background-color: #0D0D0D;
        }

        .contenu_paonglet a{
          text-decoration: none !important;
        }



        /*** BLOC DE TEXTE DE LA PA ***/

        .bloc_pa {
          background-color: #333333;
          border-radius: 25px;
          color: #F3F3F3;
          padding: 25px;
          text-align: justify !important;
          position: relative;
          top: -2.2em;
        }

        .bloc_pa a {
          text-decoration: none !important;
          color: #70A0BA !important;
        }

        /*** TITRES DES BLOCS ***/

        .titre_pa {
          font-family: 'Pacifico', 'cursive';
          font-size: 30px;
          position: relative;
          top: -0.3em;
          color: #F3F3F3;
          z-index: 1;
        }

        .titre_pa:hover {
          color: #70A0BA;
        }

        /*********************************** FIN PA ***********************************/




Titre: Citrouille de poche
Féminin
Age: 20
Message(s): 9588
PeaNUt's: 15863
Dernier badge: Mordu
Equipages: Aucun

Les Guildes
Guilde des Conteurs:
4/10  (4/10)
Guilde des Illusionnistes:
2/10  (2/10)
Guilde des Architectes:
10/20  (10/20)
Voir le profil de l'utilisateur Voir le profil

    Revenir en haut

Cruelly


*-------------------- Règlement-------------*
.fond_reg {
margin:auto;
width:80%;
border-radius: 200px;
background-color:#ABA8A8
border:4px solid #767676;
padding:10px;
box-shadow:0px 0px 8px #767676;
text-align:center;
}

.titre_reg {
display:block;
width:60%;
margin:auto;
color:white;
font-size:25px;
text-align:center;
border:2px dotted #767676;
border-radius: 100px;
padding:10px;
background-color:#8C8888;
font-family: 'Berkshire Swash', cursive;
text-shadow:2px 2px 2px #141517;
}

.texte_reg {
margin:auto;
width:75%;
border-radius: 100px;
background-color:#8C8888;
border:2px dotted #767676;
padding:40px;
text-align:justify;
color:white;
}

.soustitre_reg {
display:block;
font-size:18px;
color:#141517;
text-indent:50px;
text-shadow:2px 2px 2px white;
font-family: 'Handlee', cursive;
}
*----------------- Fin règlement -----------*
/* CADRE MODOS */
    /* MODOVERT */
.modovert {
  background: #F6FAF9;
  -moz-border-radius: 9px;
  -webkitborder-radius: 9px;
  border-radius: 9px;
  border: 1px outset shadow;
  color: green;
  font-weight: bold;
  width: 80%;
  margin: auto;
  box-shadow: 0 0 4px green;

**** 

}
body {
background-repeat: repeat;
background-position: top center;
background-image: url('http://i838.photobucket.com/albums/zz304/agnieszkaheylen/fond_zps961033f1.png')
}

Merci à ceux ou celles qui voudront bien m'aider. Smile


Dernière édition par Charmed Eternity le Dim 8 Fév 2015 - 23:36, édité 1 fois

Charmed Eternity
**

Messages : 80
Inscrit(e) le : 29/11/2010

http://charmeds-eternity.forumactif.com/index.htm
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par R-max le Dim 8 Fév 2015 - 23:07

actualisé votre page

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par R-max le Dim 8 Fév 2015 - 23:10

je reve pas *!

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Charmed Eternity le Dim 8 Fév 2015 - 23:12

Voilà ce que je vois:

Spoiler:

Si vous regardez plus bas, il y a aussi un hh écrit par chouxblanc.. moi et l'heure.

Charmed Eternity
**

Messages : 80
Inscrit(e) le : 29/11/2010

http://charmeds-eternity.forumactif.com/index.htm
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Charmed Eternity le Dim 8 Fév 2015 - 23:14

est-ce que le problème peut venir de mon écran?

Charmed Eternity
**

Messages : 80
Inscrit(e) le : 29/11/2010

http://charmeds-eternity.forumactif.com/index.htm
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par R-max le Dim 8 Fév 2015 - 23:17

18h sur le chatt

moi je ne vois pas le chatt invité oblige

vous devriez enlever toutes les modifs de code que l'ont vous a donné
remettre tous bien en place et juste gardé la modif iframe a 954
et ensuite actualisé votre page voir même un vidage de cache ..

quand il y a beaucoup de modif il faut faire du menage
il se peut que votre ordie garde les veille page et affiche pas les nouvelles modifiers!

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Charmed Eternity le Dim 8 Fév 2015 - 23:21

Ça ne fonctionne pas plus, j'ai supprimé tous les modif fait, j'ai seulement gardé la largeur du Iframe. J'ai fermé mon firefox et je l'ai réouvert et ça ne fonctionne toujours pas.

Charmed Eternity
**

Messages : 80
Inscrit(e) le : 29/11/2010

http://charmeds-eternity.forumactif.com/index.htm
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par R-max le Dim 8 Fév 2015 - 23:23

vous savez actualisé ou vidé le cache du navigateur !!!

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Charmed Eternity le Dim 8 Fév 2015 - 23:24

vidé la cache du navigateur? ça veut dire?? supprimer l'historique?

Charmed Eternity
**

Messages : 80
Inscrit(e) le : 29/11/2010

http://charmeds-eternity.forumactif.com/index.htm
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par R-max le Dim 8 Fév 2015 - 23:27

me suis inscrit pour voir effectivement en mode connexion ils sont toujours la Sad

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Charmed Eternity le Dim 8 Fév 2015 - 23:35

Merci R-Max. Problème Résolu. Very Happy

Charmed Eternity
**

Messages : 80
Inscrit(e) le : 29/11/2010

http://charmeds-eternity.forumactif.com/index.htm
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par R-max le Dim 8 Fév 2015 - 23:51

ba oui il fallait etre inscrit pour voir la difference Very Happy

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

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