L'apparence du forum qui change tout seul après modification d'une simple image

[Maldan]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 06/04/2017
Lien du forum : http://www.havrefiel.com

Description du problème

J'ai un souci qui d'après moi concerne le CSS. J'ai l'impression qu'il y a un conflit qui se crée quelque part puisque lorsque je fais une modification d'image, ou quelque chose et que je valide le changement, le forum se déforme de lui-même et pour résoudre ce souci, je dois spammer le bouton valider de mon css plusieurs fois jusqu'à ce que le forum se reforme normalement.

Mon CSS actuel :

Code:

/*fond de forum*/
body {
  background-image:url(http://img4.hostingpics.net/pics/771244fond2.jpg);
  background-size: 100% auto;
  background-repeat:no-repeat;
}
/*coins arrondis et ombre*/
.forumline
{
  padding: 3px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-ô-border-radius:8px;
-khtml-border-radius:8x;
border-radius:8px;
{border-spacing : 0;}
}
/*fonds de cellules*/
td.row1{
background-image: url("http://img4.hostingpics.net/pics/702447fondbrunclair.png");
}
td.row2{
background-image: url("http://img4.hostingpics.net/pics/702447fondbrunclair.png");
}
td.row3{
background-image: url("http://img4.hostingpics.net/pics/702447fondbrunclair.png");
}
 dd.quote{
                background: url("http://i11.servimg.com/u/f11/11/89/81/93/fond_q11.jpg");
                border-radius: 10px 10px 10px 10px;
                border: 1px solid rgb(0, 0, 0);
              box-shadow: 3px 3px 6px rgb(black);
                margin: 0px;
                font-family: georgia;
                font-size: 16px;
                color: rgb(0, 0, 0);
                padding: 10px 10px 10px 10px;
                text-indent: 15px;
                overflow: hidden;
                  }
/* 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;
}
hr { border-color: #A89783; }
.profilentour{
      background: #;
      border: px solid #;
      padding: px;
      text-align: center;
      -moz-border-radius: px; /* les coins en arrondis*/
      font-family:;
      font-size:;
}
div.post_profile {
background:url(http://wallpapertvs.com/wp-content/uploads/2014/10/dark-texture-21826-1920x1200.jpg);
padding:6px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-ô-border-radius:8px;
-khtml-border-radius:8px;
border-radius:8px;
box-shadow: 3px 3px 6px #07010c;
}
.icones_profil {
  text-align:center;
}

[MlleAlys]

Bonjour,
voilà votre css rangé et corrigé pour les quelques erreurs (un problème de doubles accolades au début, éviter les apostrophes dans les commentaires qui peuvent être considérées comme des erreurs de guillemets, pas besoin de guillemets) :

Code:

/*fond de forum*/
body {
  background-image: url(http://img4.hostingpics.net/pics/771244fond2.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
}

/*coins arrondis et ombre*/
.forumline {
  padding: 3px;
  border-spacing: 0;
  border-radius: 8px;
}

/*fonds de cellules*/

td.row1 {
  background-image: url(http://img4.hostingpics.net/pics/702447fondbrunclair.png);
}

td.row2 {
  background-image: url(http://img4.hostingpics.net/pics/702447fondbrunclair.png);
}

td.row3 {
  background-image: url(http://img4.hostingpics.net/pics/702447fondbrunclair.png);
}


/*citations*/
dd.quote {
  margin: 0;
  padding: 10px;
  border: 1px solid black;
  border-radius: 10px;
  overflow: hidden;
  text-indent: 15px;
  font-family: georgia;
  font-size: 16px;
  color: black;
  background: url(http://i11.servimg.com/u/f11/11/89/81/93/fond_q11.jpg);
  box-shadow: 3px 3px 6px black);
}


/* Icônes couleur dans la palette */

.color-option {
  display: inline-block !important;
  width: 15px !important;
  height: 15px !important;
  margin: 3px !important;
  border: 2px solid #fff !important;
  box-shadow: 0 0 2px #778899;
  cursor: pointer !important;
}

.color-option span {
  display: block !important;
  width: 15px !important;
  height: 15px !important;
}

.color-option, .color-option span {
  border-radius: 2px;
}

/* Palette complète - la largeur influence le nombre d icônes affichées */
.sceditor-dropdown.sceditor-color-picker {
  width: 200px !important;
  height: 100px !important;
  padding: 5px !important;
  border-radius: 5px !important;
}

hr {
  border-color: #A89783;
}

/*Début rofil*/

.profilentour {
  text-align: center;
  padding: 6px;
  border-radius: 8px;
  background: url(http://wallpapertvs.com/wp-content/uploads/2014/10/dark-texture-21826-1920x1200.jpg);
  box-shadow: 3px 3px 6px #07010c;
}

.icones_profil {
  text-align: center;
}

/*fin profil*/

Je ne vois pas a priori ce qui pourrait déformer votre forum.

[Maldan]

Merci beaucoup, mais le problème persiste hélas ! Je viens modifier le CSS et en le validant, ça m'a remis les lignes noirs dans le tableau des catégories et j'ai dû revalider trois fois pour les retirer.. =s

[Maldan]

Double post à supprimer

[MlleAlys]

difficile de dire sans savoir quelle modification vous avez effectuée et sans aperçu du problème.

[Maldan]

Ça peut être n'importe quelle modification, par exemple, j'ai modifié le CSS en remplaçant le mien par celui que vous avez proposé et les lignes sont réapparues. Je vous envoie un screen ci-dessous pour peut-être mieux éclaircir mon problème :

Screen:

[MlleAlys]

je ne vois pas ces lignes. pouvez vous les laisser après la première validation ?

[Maldan]

Oui parce que j'ai revalider plusieurs fois, pour corriger ce problème, mais c'est assez ennuyant de devoir spammer le bouton "valider" pour résoudre cela. Je vais refaire "un valider" sur mon css sans rien modifier, pour vous montrer

[MlleAlys]

Pas de lignes en vue... ^^"

[Maldan]

Vous ne voyez pas les lignes noirs comme celles qui sont montrées sur le screen que j'ai envoyé un peu plus haut ? C'est curieux... Actuellement chez moi, elles y sont !

[Maldan]

Ah, lorsque je vais sur le forum avec un autre navigateur que Google, je ne les voit pas non plus... cette erreur ne survient qu'avec google chrome manifestement !

[MlleAlys]

Je navigue avec google chrome et je ne les vois pas...
Peut être est-ce dû à une mauvaise actualisation de la page ? En vidant le cache, les lignes disparaissent elles ?

[Neptunia]

Bonjour ^^


Typique d'un problème de cache du navigateur

Vider le cache Internet

[Maldan]

Encore un problème de résolu. Mille mercis MilleAlys pour la rapidité et l'efficacité de tes réponses.