Problème code page d'accueil

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code

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

Résolu Problème code page d'accueil

Message par nero777kira Mar 5 Fév 2019 - 15:04

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : 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://test-paradise.forumgratuit.fr

Description du problème

Bonjour !

Je suis en train de coder une page d'accueil pour un forum et l'éditeur "généralités" me rajoute des <body></body> qui n'ont aucune inscindences sur mon code mais qui m'agaçaient à apparaitre à chaque refresh de page XD j'en ai parlé à une amie qui m'a dit "pourquoi tu fais pas ça sur une page html' donc je l'ai fait .. sauf que mon code qui est nickel sur le forum et déformé sur la page d'html.. du coup j'ai peur qu'une fois installé sur le forum pour lequel il est destiné ça bug comme sur la page Html, quelqu'un peut me dire ce qui ne va pas ? Je pense que c'est au niveau du tableau...

Voici le code :

Code:

Le css qui va avec :

Code:
/*modifier l'apparence des scrollbars de tout le forum*/
::-webkit-scrollbar {
  width: 7px; /*largeur de la scrollbar verticale*/
  height: 7px; /*hauteur de la scrollbar horizontale*/
  background-color: #CCCCCC;}

::-webkit-scrollbar-track {
  background-color: #CCCCCC; /*couleur du fond de la scrollbar*/}

::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #6D9ABF /*couleur de l'ascenseur*/;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;}

/*end*/


.police1{
font-family: 'Finger Paint', cursive;
font-size: 16px;
text-align : center;
font-weight: bold;
color: #323F5F;
background-color: #D0CBBF}
/*pseudo*/
.police{
font-family: 'Finger Paint', cursive;
font-size: 15px;
}

/*staff credits infos*/

.B1 {

float: left;

}

.B2 {

float: right;
}

div.contenant {
    width:128px;  /*largeur du contenant, la meme que celle de l image*/
    height: 85px; /*hauteur du contenant, la meme que celle de l image*/
    overflow: hidden;
}
 div.contenu {
    width: 128px;  /*largeur du contenu, la meme que celle de l image*/
    height: 85px; /*hauteur du contenu, la meme que celle de l image*/
    overflow: auto;  /*pour apparition d une scroll bar si le texte est trop long*/
 }
.contenant img {
    width:138px; /*largeur de l image*/
    height:85px;  /*hauteur de l image*/
    position: relative;  
    bottom: 85px; /*ici mettre la hauteur de l image*/
    transition: 0.8s;  /*pour l effet de transition*/
}
.contenant:hover img {  /*au survol de la souris sur le bloc*/
    bottom: 170px; /*ici mettre deux fois la hauteur de l image*/
    transition: 0.8s;  /*pour l effet de transition*/
}

div.contenant1 {
    width:200px;  /*largeur du contenant, la meme que celle de l image*/
    height: 271px; /*hauteur du contenant, la meme que celle de l image*/
    overflow: hidden;
}
 div.contenu1 {
    width: 200px;  /*largeur du contenu, la meme que celle de l image*/
    height: 271px; /*hauteur du contenu, la meme que celle de l image*/
    overflow: auto;  /*pour apparition d une scroll bar si le texte est trop long*/
 }
.contenant1 img {
    width:200px; /*largeur de l image*/
    height:271px;  /*hauteur de l image*/
    position: relative;  
    bottom: 271px; /*ici mettre la hauteur de l image*/
    transition: 0.8s;  /*pour l effet de transition*/
}
.contenant1:hover img {  /*au survol de la souris sur le bloc*/
    bottom: 542px; /*ici mettre deux fois la hauteur de l image*/
    transition: 0.8s;  /*pour l effet de transition*/
}

/*end*/

/*partenaires*/
.principal img {
filter:alpha(opacity=70);
-moz-opacity:0.7;opacity: 0.7;
}

.principal img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}


div.cssactif_tableaupartenaire {
  width: 750px; /* À adapter en fonction du nombre de colonnes désirées (typiquement: (NOMBRE_COLONNE * (2*MARGE)) + (4 * Largeur initiale) */
  height: 50px;
  line-height: 0; /* À ne pas modifier */
}
div.cssactif_tableaupartenaire a, div.cssactif_tableaupartenaire a img {
  height: 21px; /* Hauteur initiale */
  width: 60px; /* Largeur initiale */
}
div.cssactif_tableaupartenaire a {
  display: inline-block; /* À ne pas modifier */
  position: relative; /* À ne pas modifier */
  margin: 1px; /* MARGE entre les images */
}

div.cssactif_tableaupartenaire a img {
  display: block; /* À ne pas modifier */
  position: absolute; /* À ne pas modifier */
  left: 0; /* À ne pas modifier */
  top: 0; /* À ne pas modifier */
  
  /* Transitions pour différents navigateurs */
  /* navigateur: toutes_transitions durée type */
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

div.cssactif_tableaupartenaire a:hover img {
  height: 35px; /* Hauteur finale */
  width: 100px; /* Largeur finale */
  z-index: 99; /* Place l'image au-dessus des autres */
  
  /* Positionne le logo de pleine taille au centre - À adapter */
  left: -50%;
  top: -50%;
}


/*end*/
.video
{
  width: 284px;
  height: 160px;
  background: url(http://ekladata.com/nFeG0L2Wi4RRL5XKnv7mUQqAifE.png) no-repeat ;
  text-shadow: none !important;
}
.F2 {
  background-color:#729DC0;
  font-weight:bold;
  color:#E6E6E6;
  text-align: center;
}
/*end pa*/

et voilà ce que ça donne sur la page Html vierge donc :

Capture d'ecran:

j'ai un peu modifié le code sur la page html parce que sinon c'était encore plus modifié que ça =/

Code modifié pour la page html vierge :

Code:


Merci de votre aide TWT

EDIT: il y avait bien un pb de valeur du tableau ! Quelqu'un a trouvé pour moi, merci beaucoup !
avatar

nero777kira
**

Messages : 80
Inscrit(e) le : 08/09/2012

http://test-paradise.forumgratuit.fr
nero777kira 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

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code

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