Problème d'affichage de la colonne "Derniers messages"

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

Résolu Problème d'affichage de la colonne "Derniers messages"

Message par LittleChan le Ven 6 Juil 2012 - 2:38


    Bonsoir,
Il y a quelques temps, j'ai fusionné les colonnes "Sujets" et "Messages" en "Derniers messages". Sur l'index c'est parfait.


Cependant, quand on va dans les catégories, le fond de la colonne "Derniers messages" est blanc à l'affichage


et le fond choisi apparait seulement au passage de la souris.


Je n'arrive pas à fixer mon fond en "texture sable"... Or j'aimerai qu'il soit fixé justement ^^" Y a-t-il un moyen ?...

Merci d'avance,
LittleChan

PS : Je dois m'absenter pour 15 jours à partir de samedi matin... C'est possible de ne pas archiver au bout des 7 jours ? ^^"

Mon forum test : http://hakuouki-ssl.forumactif.com/forum

Mon CSS :
Code:
/* ------------- ESPACEMENT IMG BARRE NAVIGATION -------------- */
a.mainmenu {margin-right:3px !important;}

/* ------------- RETIRER SOULIGNEMENT LIENS -------------- */
a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}

/* -------------- GENERALITES DU FORUM -------------- */
a.forumlink:link, a.forumlink:visited {
font-family:  Tempus Sans ITC;
text-transform : uppercase;
text-align: center;
font-size: 15px;
border-bottom: 5px dotted PowderBlue;
border-left: 5px dotted PowderBlue;
border-right: 5px dotted PowderBlue;
color: #000000;
letter-spacing: 3px;
display: block;
border-radius:10px;
}

/* ------------- CADRE COLONNE DERNIERS MESSAGES -------------- */

table.case_stats{
  width:200px; /* largeur */
  height:140px; /* La hauteur */
  margin:auto; /* on centre */
  }

table.case_stats td.dernier_msg{
  background-image:url('http://i48.tinypic.com/35nbq10.png');
  background-position: center top;
  background-repeat:no-repeat;
  padding-left:30px;
  padding-right:25px; /* Je déclasse du bord droit de 60px à gauche de ma pate */
  padding-top:17px;
  height:75px; /* mon image fait 85px de haut, mais comme j'ajoute 10px de remplissage, j'impose à ma case une hauteur = hauteur de mon image - padding top */
  text-align:center;
  }

table.case_stats td.stats_forum{
  background-image:url('http://i45.tinypic.com/2q9z4e8.png');
  background-position: center bottom;
  background-repeat:no-repeat;
  padding-left:4px;
  padding-right:4px;
  text-align:center;
  }

table.case_stats td.dernier_msg p{
  color:#e26e26;
  width:140px; /*la largeur de mon bloc moins la largeur de ma pate */
  height:;
  padding:0;
  margin:0;
  margin-left:10px; /* Je décalle un peu par rapport aux bords gauche pour éviter que mon texte ne soit en dehors de mon cadre */
  font-size:12px;
  }
 
table.case_stats td.dernier_msg p a{
  text-decoration:none;
  color:royalblue;
    background-image: url("http://i48.tinypic.com/121fhup.png");
  background-position: center;
  background-attachment: fixed;
  }
 
table.case_stats td.dernier_msg p a:hover{
  /*border:darkgoldenrod 1px dashed;
  padding:1px;
  -moz-border-radius:5px;*/
  color:darkgoldenrod;
  }

table.case_stats td.stats_forum p{
  color:darkkhaki;
  width:160px; /*la largeur de mon bloc moins quelques px */
  margin-left:50px;
  font-size:10px;
  font-weight:bold;
  text-align:center;
  padding:0;
  }

/* -------------- ARRONDIS DES CADRES -------------- */
.forumline {
background-color: white;
border-radius: 10px ;
border: 5px double steelblue;
padding: -5px;
}

/* Cadre des sous-forums */

.th {
border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
}

/* Titres de catégories */

/* -------------- FOND SOUS-FORUMS ET PA -------------- */
td.row1,td.row3.over:hover {
    background-image: url("http://i48.tinypic.com/121fhup.png");
    background-position: center;
  background-attachment: fixed;
        }
td.row2,td.row1.over:hover {
    background-image: url("http://i48.tinypic.com/121fhup.png");
    background-position: center;
  background-attachment: fixed;
        }
td.row3{
    background-image: url("http://i48.tinypic.com/121fhup.png");
    background-position: center;
  background-attachment: fixed;
        }

/* -------------- TITRES SOUS-FORUMS -------------- */
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("http://www.graphictivitis.com/wp-content/uploads/2011/08/paper-texture-33.jpg");
color: #ffffff;
text-align: center;
display: block;
border-bottom: 5px double PowderBlue;
border-radius:10px;
}

/* -------------- CADRE DU FORUM -------------- */
.bodyline {
border-left:7px solid #;
border-right:7px solid #;
border-bottom:4px solid #;
border-top:4px solid #;
-webkit-border-radius: 10px;
border-radius: 100px;
-webkit-box-shadow: 0px 0px 8px #;
  -moz-box-shadow: 0px 0px 8px #;
  box-shadow: 0px 0px 8px #;
}

/* -------------- ARRIERE-PLAN DU FORUM -------------- */
body{
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* -------------- RETIRER MESSAGE D'EDITION -------------- */
tr.post span.gensmall {display: none;}

/* -------------- INFOBULLE -------------- */

a.imginfo {  /*infobulle*/
  position: relative;
  color: #757575;
  text-decoration: none;
  border-bottom: 0px #399492 solid; /* on souligne le texte */
}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: crosshair; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: ; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: 5px; /* on positionne notre infobulle */
  left: 80px;
  ont-family:  Tempus Sans ITC;
  text-align: center;
  font-size: 12px;
  background-image: url("http://i48.tinypic.com/121fhup.png");
  color: ;
  padding: 3px;
  border: 0px solid grey;
  border-left: 5px solid #399492;
  border-right: 3px solid #399492;
  border-top: 3px solid #399492;
  border-bottom: 5px solid #399492;
  width:200px;
  height: ;
border-radius: 5px;
-webkit-border-radius: 5px;
}
/* -------------- FIN INFOBULLE -------------- */

/* -------------- QEEL 2 PRINTEMPS 2012 -------------- */

#tableauqueel {
padding: 6px;
border: 5px double steelblue;
background-position: center;
background-repeat: no-repeat;
background-color: white;
height: 266px;
width: 839px;
border-radius : 10px 30px 10px 30px}

.groupes {
background-color: white ;
opacity: 0.8;
border: 1px dashed steelblue  ;
border-radius : 15px 5px 15px 5px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:14px;
font-weight: bold;
text-align:center;
font-color :  ;
text-decoration: none !important;
}
/* -------------- FIN DU QEEL 2 -------------- */

/* -------------- CHATBOX -------------- */
body.chatbox {
background-image:url('http://i48.tinypic.com/121fhup.png');
background-repeat: repeat;
}
#chatbox_header {
background-image:url('http://us.cdn3.123rf.com/168nwm/kgtoh/kgtoh0909/kgtoh090900435/5501765-vintage-alteree-illustration-de-fond-de-texture-parchemin-colores.jpg');
}
#chatbox_header .cattitle strong {
display: none ;
}
#chatbox_header .cattitle:before {
content: "Discutons entre Hakuoukiens" ;
}
#chatbox_header .catBottom .cattitle {
color:#3b2705 !important;
margin:3px !important;
padding:3px;
text-align:center;
font-size:11px !important;
font-weight:bold;
font-variant :small-caps;
}
#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options {
color:#3b2705 !important;
font-size:9px !important;
font-weight:bold;
}
#chatbox_header .chatbox-options a {
color:#3b2705;
margin-bottom:3px !important;
padding:3px;
text-align:center;
font-size:9px !important;
font-weight:bold;
}
#chatbox {
position: absolute;
top: 30px;
left: 181px;
right: 0;
bottom: 45px;
overflow: auto;
color:#3b2705;
padding: 3px;
text-align: left;
font-size:11px !important;
}
#chatbox_members .member-title {
color:#3b2705;
margin:3px !important;
padding:2px;
text-align:center;
font-size:11px !important;
font-weight:bold;
font-variant :small-caps;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;;
}
#chatbox .catBottom {
border: none;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 3px;
color:#3b2705;
margin:3px !important;
opacity:1;
text-align:left;
font-size:9px !important;
}
#chatbox_footer label {
color:#3b2705;
font-size:11px !important;
font-variant: small-caps;
font-weight:bold;
}
#message {
color:#3b2705;
margin:3px !important;
padding:2px;
text-align:left;
font-size:9px !important;
}
#submit_button {
color:#3b2705;
margin:3px !important;
padding:2px;
text-align:left;
font-size:9px !important;
}
.fontbutton {
padding: 1px;
text-align:left;
}


Dernière édition par LittleChan le Ven 6 Juil 2012 - 21:41, édité 1 fois

LittleChan
*

Messages : 45
Inscrit(e) le : 03/08/2011

http://toshokan-senso.forums-rpg.com/
LittleChan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de la colonne "Derniers messages"

Message par Invité le Ven 6 Juil 2012 - 3:12

Bonjour,

Bon ma réponse n'est pas forcément bonne mais peut-être que en modifiant cette partie dans votre feuille de style CSS :
Code:
/* -------------- FOND SOUS-FORUMS ET PA -------------- */
td.row1,td.row3.over:hover {
    background-image: url("http://i48.tinypic.com/121fhup.png");
    background-position: center;
  background-attachment: fixed;
        }
comme ceci :
Code:
/* -------------- FOND SOUS-FORUMS ET PA -------------- */
td.row3.over:hover {
    background-image: url("http://i48.tinypic.com/121fhup.png");
    background-position: center;
  background-attachment: fixed;
        }
Puis en rajoutant ce code :
Code:
.row3Right {
background-image: url(http://i48.tinypic.com/121fhup.png);
}
Ca peut déjà vous donner une piste...

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de la colonne "Derniers messages"

Message par benneke le Ven 6 Juil 2012 - 9:27

+1 pour la réponse de Appolyon.

Par contre il y a des trucs qui ne servent a rien dans ton code. Je cite par exemple :
Code:
/* -------------- FOND SOUS-FORUMS ET PA -------------- */
td.row1,td.row3.over:hover {
    background-image: url("http://i48.tinypic.com/121fhup.png");
    background-position: center;
  background-attachment: fixed;
        }
td.row2,td.row1.over:hover {
    background-image: url("http://i48.tinypic.com/121fhup.png");
    background-position: center;
  background-attachment: fixed;
        }
td.row3{
    background-image: url("http://i48.tinypic.com/121fhup.png");
    background-position: center;
  background-attachment: fixed;
        }
les lignes avec les hover sont identiques aux autres, donc elles sont innutiles. Par contre tu n'as rien déclaré pour la partie de droite, donc:
Code:
/* -------------- FOND SOUS-FORUMS ET PA -------------- */
td.row1,td.row3.over:hover,td.row2,td.row1.over:hover,td.row3,.row3Right {
    background-image: url("http://i48.tinypic.com/121fhup.png");
    background-position: center;
  background-attachment: fixed;
        }
       
Par contre je ne vois pas l’intérêt du background fixed non plus. Personnellement j'aurais mis :
Code:
background: url("http://i48.tinypic.com/121fhup.png") repeat;

J'espère que cela t'aura aidé,

Bonne journée !

benneke
***

Messages : 150
Inscrit(e) le : 07/04/2012

http://www.guilde-aof.com
benneke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de la colonne "Derniers messages"

Message par LittleChan le Ven 6 Juil 2012 - 20:20


    Bonsoir,

Effectivement, ça m'a aidé. Le fond s'affiche et reste ^^

Par contre la case en elle-même bouge. Il y a un léger trait vertical noir qui disparait quand on passe la souris sur la case... (cf. forum, url au post précédent)

J'ai supprimé les colonnes "auteur, vues, réponses" pour voir ce que ça donnait, mais le trait est toujours là...

Merci d'avance,
LittleChan

LittleChan
*

Messages : 45
Inscrit(e) le : 03/08/2011

http://toshokan-senso.forums-rpg.com/
LittleChan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de la colonne "Derniers messages"

Message par benneke le Ven 6 Juil 2012 - 21:28

Bonsoir,

rajoute ceci a ton code CSS :
Code:

.row3Right {
border:none;
}

Encore une fois, bien vérifier le reste du forum pour voir si le reste est resté correct Wink

Bonne soirée !

EDIT :
Je viens de remarquer qu'il y a aussi un bord noir pas joli (enfin ca c'est mon opinion) en dessous, et il casse un peu ton double bord bleu arrondi...

Tu peux le virer en ajoutant ce code-ci :
Code:
td.catBottom {
border : none;
}


Dernière édition par benneke le Ven 6 Juil 2012 - 21:33, édité 1 fois

benneke
***

Messages : 150
Inscrit(e) le : 07/04/2012

http://www.guilde-aof.com
benneke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de la colonne "Derniers messages"

Message par LittleChan le Ven 6 Juil 2012 - 21:32

Malheureusement ça n'a pas marché Confused Les cases bougent toujours...

Le reste du forum lui reste pareil (c'est déjà ça ^^)

LittleChan
*

Messages : 45
Inscrit(e) le : 03/08/2011

http://toshokan-senso.forums-rpg.com/
LittleChan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de la colonne "Derniers messages"

Message par benneke le Ven 6 Juil 2012 - 21:35

@LittleChan a écrit:Malheureusement ça n'a pas marché Confused Les cases bougent toujours...

Le reste du forum lui reste pareil (c'est déjà ça ^^)

Je viens de voir oui, le bord a déjà été déclaré, donc on doit utiliser la pseudo classe !important :

Code:
       
        .row3Right, td.catBottom {
        border:none !important;
        }

benneke
***

Messages : 150
Inscrit(e) le : 07/04/2012

http://www.guilde-aof.com
benneke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de la colonne "Derniers messages"

Message par LittleChan le Ven 6 Juil 2012 - 21:41

C'est super, l'affreux trait noir à disparu et mes cases sont fixes cheers

Merci beaucoup !!! Problème résolu ^^ Yes

LittleChan
*

Messages : 45
Inscrit(e) le : 03/08/2011

http://toshokan-senso.forums-rpg.com/
LittleChan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de la colonne "Derniers messages"

Message par benneke le Ven 6 Juil 2012 - 21:41

N'oublie pas d'éditer ton premier topic et le marquer en résolu ;-)

Bonne soirée

benneke
***

Messages : 150
Inscrit(e) le : 07/04/2012

http://www.guilde-aof.com
benneke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de la colonne "Derniers messages"

Message par LittleChan le Ven 6 Juil 2012 - 21:43

C'est déjà fait Clin d\'oeil

LittleChan
*

Messages : 45
Inscrit(e) le : 03/08/2011

http://toshokan-senso.forums-rpg.com/
LittleChan a été remercié(e) par l'auteur de ce sujet.

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