page en désaccord avec son Css

2 participants

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

Résolu page en désaccord avec son Css

Message par Noloka Mer 26 Fév 2014 - 23:00

Bonsoir!
Voilà mon problème:
page en désaccord avec son Css Captur11

Ici ma page d’accueil avec en bas, des informations sur le code (inspecter un élement sur google). J'en encadrer en vert l'image en elle-même et rajouter un petit carré bordeaux.. parce lorsque je vais sur div il me montre les deux carrés (un colspan peut-être?).
Bref, j'avais changé moi même le templates
Spoiler:
et c'est la première fois que j'ai ce problème. Vous voyyez l'image?  Et bien c'est pas celle-là qui devrait être affiché mais celle-ci:
page en désaccord avec son Css Img_ha11

je vous met tout mon CSS (j'ai beau mettre toute la partie "img_haut" (cf /*forum sujet et categorie*/ en commentaire rien ne change! L'image ne disparaît même pas! Par ailleurs, l'adresse de l'image n'est pas celle affichée mais celle qui devrait s'afficher (la spirale bleue). donc je en sais pas, je ne comprends vraiment pas):
Code:
/*PANNEAU D'AFFICHAGE*/
#PA h1 {
font-size: 20px; /* taille du titre*/
font-family: 'Love Ya Like A Sister', georgia; /*police du titre*/
color : #693606; /* couleur du titre */
}

a.ekiard {
  position:relative;
  text-decoration:none /*on retire le soulignement*/
}

a.ekiard span {display:none} /*on masque l'infobulle*/

a.ekiard img {box-shadow: 1px 1px 2px black} /*une ombre noire pour les logos*/

a.ekiard:hover{
  background:none;
  cursor:help;
  z-index:999;
  text-decoration:none
}

a.ekiard:hover span{
  background:#693606; /*couleur de fond de l'infobulle*/
  border:1px solid  #B9121B;/*sa bordure*/
  border-left:4px solid #B9121B; /*sa bordure gauche*/
  color:#000; /*couleur du texte */
  display:block; /*on affiche l'infobulle*/
  left:5px; /* on la positionne */
  top:30px; /* idem */
  padding:4px;
  position:absolute;
  width:300px; /* largeur de l''infobulle, ne pas toucher*/
}

#partenaires {
width: 200px; /* largeur du plateau */
height: 300px;
padding:4px;
position:absolute;
z-index:998;
text-align:center;
top: 1000px; /* signifie que le widget est à 500px du bord haut */
left: 0px; /* signifie que le widget est collé à à gauche */
border : 1px dashed #d6ccba; /* bordure du plateau */
border-radius: 8px; /* pour arrondir les coins du plateau*/
background-color : #933e3d; /*la couleur de fond, selon votre choix */
}

#partenaires h1 {
font-size: 15px; /* taille du titre*/
font-family: 'Love Ya Like A Sister', georgia; /*police du titre*/
color : #693606;/* couleur du titre */
}



/*fORUM, SUJET ET CATEGORIE*/
.bodylinewidth{ /*remettre la bannière en haut*/
  margin-top:-20px;
}
a:hover {
 /* text-decoration: none!important; */
  color: #888888;
  
}
.last_msg{ /*petit cadre pour les derniers messages*/
  background-color: #d9d8d6 /*#933e3d */;
  border-radius: 8px;
 /* border : 1px solid #B9121B; */
  position: relative;
  top: -15px;
  box-shadow: 5px 5px 5px #888888;
}
.img_haut{ /*image du haut pour les catégories*/
  background: url(http://i56.servimg.com/u/f56/17/87/64/09/img_ha11.png);
  width: 433px;
  height: 198px;
  margin-bottom: 0px;
  position:relative;
  top:50px;
  left:70px;
  z-index:1;
}
.img_haut_sujet{ /*comme son nom l'indique*/
background: url(http://i56.servimg.com/u/f56/17/87/64/09/img_ha10.png);
  width: 433px;
  height: 198px;
  margin-bottom: 0px;
  position:relative;
  top:50px;
  left:70px;
  z-index:1;
}

/*.img_bas{ /*image du bas pour les catégories
1  background: url(http://i56.servimg.com/u/f56/17/87/64/09/imgbas10.png);
  width: 198px;
  height: 88px;
   margin-bottom: 0px;
  position:relative;
  right: -300px;
  top: -40px;
  z-index:1;
}
.img_bas_sujet{
   background: url(http://i56.servimg.com/u/f56/17/87/64/09/imgbas10.png);
  width: 198px;
  height: 88px;
   margin-bottom: 0px;
  position:relative;
  right: -300px;
  top: -40px;
  z-index:1; */
}
a.forumlink{ /*code pour l'apparence des titres des forums*/
   display:block;
   font-size:20px; /* la taille de la police */
   padding:2px; /* Pour éviter que le texte ne soit collé aux bords de la case */
   text-align:center;
   font-variant:small-caps; /* Les petites capitales */
  font-family: Time new roman, georgia;
   color: #933e3d !important; /* On force l'application de cette propriété grâce au !important  */
  /* border-bottom:4px double #B9121B;*/
   font-weight:normal; /* Le texte non boldé */
   margin-bottom:0px; /* Pour qu'il n'y ait pas trop d'espace entre le titre et ce qu'il y a en dessous */
}
a:hover {
text-decoration: none!important
}
.forumline {/*code pour rendre les bords arrondis*/
  border-left: 4px solid #104277;
  border-right: 4px solid #104277 ;
   border-bottom: 3px solid #104277 ;
border-radius: 40px;
  position: static;
  z-index:-1;
 background-color: #e1e1de;
}

.forumline td, .forumline th {/*code pour toutes les cellulles du forum*/
  background : none ;
}
.bodyline {/*code poure rendre le bors arrondis sur tous les navigateur!^^ */
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topleft:0px;
    -moz-border-radius-topright:10px;
}
/*img {
  position:relative;
  left:-50px;
}*/

h2 .tete { /*position du nom de la catégorie*/
  position: relative;
  top: -40px;
  z-index: 2;
}
th.thHead, td.catHead, th.thCornerR, th.thCornerL, td.catBottom, th.thBottom, th.thTop, td.catLeft {
    border: none;  /*pour enlever les bordures parasites xP*/
}

/* BARRE DE NAVIGATION */
.mainmenu {
font-size: 15px;
font-family: Time new roman, georgia;
}
.fa_ticker{
  position: relative;
  top:-20px
}
/*QUEEL*/
table#queel td{
   background-color:transparent;
  color:#F6F6F6 !important;
}
table#queel{ /*code poure rendre le queel opaque*/
 background-color: transparent;
  -moz-opacity: 0.80;
opacity: 0.80;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
-khtml-opacity: 0.8;
filter: alpha(opacity=80);

}
#queel .catHead {
  border: none;
  padding-left: 15px;
}

/*CHATBOX*/
.body chatbox{
  background-color: code de la couleur;
}

#chatbox{

}
 /*PANNEAU D'AFFICHAGE*/
#PA h1 {
font-size: 20px; /* taille du titre*/
font-family: 'Love Ya Like A Sister', georgia; /*police du titre*/
color : #693606; /* couleur du titre */
}

a.ekiard {
  position:relative;
  text-decoration:none /*on retire le soulignement*/
}

a.ekiard span {display:none} /*on masque l'infobulle*/

a.ekiard img {box-shadow: 1px 1px 2px black} /*une ombre noire pour les logos*/

a.ekiard:hover{
  background:none;
  cursor:help;
  z-index:999;
  text-decoration:none
}

a.ekiard:hover span{
  background:#693606; /*couleur de fond de l'infobulle*/
  border:1px solid  #B9121B;/*sa bordure*/
  border-left:4px solid #B9121B; /*sa bordure gauche*/
  color:#000; /*couleur du texte */
  display:block; /*on affiche l'infobulle*/
  left:5px; /* on la positionne */
  top:30px; /* idem */
  padding:4px;
  position:absolute;
  width:300px; /* largeur de l''infobulle, ne pas toucher*/
}

#partenaires {
width: 200px; /* largeur du plateau */
height: 300px;
padding:4px;
position:absolute;
z-index:998;
text-align:center;
top: 1000px; /* signifie que le widget est à 500px du bord haut */
left: 0px; /* signifie que le widget est collé à à gauche */
border : 1px dashed #d6ccba; /* bordure du plateau */
border-radius: 8px; /* pour arrondir les coins du plateau*/
background-color : #933e3d; /*la couleur de fond, selon votre choix */
}

#partenaires h1 {
font-size: 15px; /* taille du titre*/
font-family: 'Love Ya Like A Sister', georgia; /*police du titre*/
color : #693606;/* couleur du titre */
}



/*fORUM, SUJET ET CATEGORIE*/
.bodylinewidth{ /*remettre la bannière en haut*/
  margin-top:-20px;
}
a:hover {
 /* text-decoration: none!important; */
  color: #888888;
  
}
.last_msg{ /*petit cadre pour les derniers messages*/
  background-color: #d9d8d6 /*#933e3d */;
  border-radius: 8px;
 /* border : 1px solid #B9121B; */
  position: relative;
  top: -15px;
  box-shadow: 5px 5px 5px #888888;
}
.img_haut{ /*image du haut pour les catégories*/
  background: url(http://i56.servimg.com/u/f56/17/87/64/09/imghau10.png);
  width: 700px;
  height: 151px;
  margin-bottom: 0px;
  position:relative;
  top:50px;
  left:70px;
  z-index:1;
}
.img_haut_sujet{ /*comme son nom l'indique*/
background: url(http://i56.servimg.com/u/f56/17/87/64/09/imghau10.png);
  width: 700px;
  height: 151px;
  margin-bottom: 0px;
  position:relative;
  top:50px;
  left:70px;
  z-index:1;
}

/*.img_bas{ /*image du bas pour les catégories
1  background: url(http://i56.servimg.com/u/f56/17/87/64/09/imgbas10.png);
  width: 198px;
  height: 88px;
   margin-bottom: 0px;
  position:relative;
  right: -300px;
  top: -40px;
  z-index:1; */
}
.img_bas_sujet{
   background: url(http://i56.servimg.com/u/f56/17/87/64/09/imgbas10.png);
  width: 198px;
  height: 88px;
   margin-bottom: 0px;
  position:relative;
  right: -300px;
  top: -40px;
  z-index:1;
}
a.forumlink{ /*code pour l'apparence des titres des forums*/
   display:block;
   font-size:20px; /* la taille de la police */
   padding:2px; /* Pour éviter que le texte ne soit collé aux bords de la case */
   text-align:center;
   font-variant:small-caps; /* Les petites capitales */
  font-family: Time new roman, georgia;
   color: #933e3d !important; /* On force l'application de cette propriété grâce au !important  */
  /* border-bottom:4px double #B9121B;*/
   font-weight:normal; /* Le texte non boldé */
   margin-bottom:0px; /* Pour qu'il n'y ait pas trop d'espace entre le titre et ce qu'il y a en dessous */
}
a:hover {
text-decoration: none!important
}
.forumline {/*code pour rendre les bords arrondis*/
  border-left: 4px solid #104277;
  border-right: 4px solid #104277 ;
   border-bottom: 4px solid #104277 ;
border-radius: 40px;
  position: static;
  z-index:-1;
 background-color: #e1e1de;
}

.forumline td, .forumline th {/*code pour toutes les cellulles du forum*/
  background : none ;
}
.bodyline {/*code poure rendre le bors arrondis sur tous les navigateur!^^ */
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topleft:0px;
    -moz-border-radius-topright:10px;
}
/*img {
  position:relative;
  left:-50px;
}*/

h2 .tete { /*position du nom de la catégorie*/
  position: relative;
  top: -40px;
  z-index: 2;
}
th.thHead, td.catHead, th.thCornerR, th.thCornerL, td.catBottom, th.thBottom, th.thTop, td.catLeft {
    border: none;  /*pour enlever les bordures parasites xP*/
}

/* BARRE DE NAVIGATION */
.mainmenu {
font-size: 15px;
font-family: Time new roman, georgia;
}
.fa_ticker{
  position: relative;
  top:-20px
}
/*QUEEL*/
table#queel td{
   background-color:transparent;
  color:#F6F6F6 !important;
}
table#queel{ /*code poure rendre le queel opaque*/
 background-color: transparent;
  -moz-opacity: 0.80;
opacity: 0.80;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
-khtml-opacity: 0.8;
filter: alpha(opacity=80);

}
#queel .catHead {
  border: none;
  padding-left: 15px;
}

/*CHATBOX*/
.body chatbox{
  background-color: code de la couleur;
}

#chatbox{

}

ainsi que mon templates index_box (peut-être que j'ai modifier un truc qui a tout merdé?):
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div width="100%" class="img_haut"> </div>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
   </tr>

   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
<tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      <div class="last_msg"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div></td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
   </tr>


   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table>
<div width="100%" class="img_bas"> </div>
<img src="{SPACER}" alt="" height="5" width="1" />
<!-- END tablefoot -->
<!-- END catrow -->


Ce que je ne comprends pas, c'est qu'apparement la page se base sur un code qui n'est plus censé exister!!! Est-ce que quelqu'un a une idée? Merci d'avance! ><


Dernière édition par Noloka le Jeu 27 Fév 2014 - 17:50, édité 1 fois
Noloka

Noloka
Nouveau membre

Féminin
Messages : 26
Inscrit(e) le : 17/12/2012

http://testnolo.lebonforum.com/
Noloka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: page en désaccord avec son Css

Message par Scoubifitz Jeu 27 Fév 2014 - 4:52

bonsoir,

La fatigue , sans doute ...

votre CSS est dédoublé , il y a du rangement à faire  What a Face  :

Spoiler:
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: page en désaccord avec son Css

Message par Noloka Jeu 27 Fév 2014 - 17:50

..... putain c'est tellement con! Merci j'aurais dû faire plus attention! En tout cas merci beaucoup!!!!!!!!
Noloka

Noloka
Nouveau membre

Féminin
Messages : 26
Inscrit(e) le : 17/12/2012

http://testnolo.lebonforum.com/
Noloka 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