Problème catégorie avec avatar

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

  • 0

Résolu Problème catégorie avec avatar

Message par ValSpec le Jeu 17 Déc - 13:51

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 17.12.2015
Lien du forum : http://bab-test-vc.forumactif.org/

Description du problème

Bonjour à toutes et à tous Razz

Je viens vers vous car j'ai un problème avec mon code de catégorie. L'apparition de l'avatar dans mon tableau créer un espace que je ne veux pas entre le "bloc" catégorie et le dessous de catégorie comme vous pouvez le voir sur la photo ^^ Je vous ai laissé, en dessous, un catégorie "poubelle" sans avatar car on voit qu'il n'y a pas cet espace vide ^^

Je cherche depuis ce matin la solution mais je ne la trouve nulle part :/ Du coup, je viens vers vous ^^

Voilà mes codes :

CSS:
Code:
/* --------------------------------- CATEGORIES --------------------------------- */

table .forumline {
  border-collapse: collapse;
}
.secondarytitle {
  width: 850px;
  height: 117px;
  position: center;
}

.bloc1 {
  background-color: #0e4e70;
  width: 600px;
  height: 150px;
  position: relative;
  left: 2em;
  top:-1em;
    border-width: 3px;
  border-style: double;
  border-color: #bedced;
}


/*** FONDS GENERAUX ***/

/* Contenu de l'ensemble des forum */
.categorie {
  position: relative;
  width: 850px;
  height: 190px;
  background-color: #FFFFFF;
  left: 1.75em;
}

/* Fond des forum */
.sous-forum {
  width: 300px;
  height: 20px;
  overflow: auto;
  top: -10em;
}

/* Mise en forme nom de catégorie */
h2 {
  font-size: 20px;
  font-family: 'Cinzel Decorative', sans-serif;
  color: #81651e;
}

/*** MISE EN FORME DES FORUM ***/

/* Mise en forme du texte des titres de forum */
.cadreforumlink {
  position: relative;
  background-color: #bedced;
  width: 305px;
  height: 30px;
  left: 2.7em;
  top:1.5em;
  z-index: 1;
}

.forumlink {
  color: #FFFFFF !important;
  font-family: 'Cinzel Decorative', sans-serif;
  font-size: 20px !important;
  font-weight: none !important;
  position: relative;
  left:0.25em;
  top: 0.1em;
  z-index: 2;
}

.forumlink:hover {
  color: #C8AE79 !important;
  text-decoration: none !important;
  letter-spacing: 3px;
}

.forumlink a {
  font-size: 16px;
  width: 500px;
}

/* Mise en forme de la description */

.description {
  width: 300px;
  height: 100px;
  background-color: #bedced;
  font-size: 11px;
  text-align: justify;
  color: #FFFFFF;
  position: relative;
  top: 3.5em;
  left: 0.5em;
  overflow: auto;
  padding-right: 5px;
}

/****Avatar***/
.lastpost-avatar {
  position: relative;
  left: 20em;
  top: -7.5em;
}

.lastpost-avatar img {
width: 85px;
height: 132px;
border-style: solid;
border-color: #bedced;
  border-width: 2px;
  border-radius: none !important;
}

/**FIN AVATAR***/
 
/*** SOUS-FORUM ***/

.lienssf {
  width: 580px;
  height: 30px;
  position: relative;
  top: -1.0em;
  text-align: justify;
  overflow: auto;
  padding-right: 5px;
}

.ListeSousForums {
  position: relative;
  width: 80px;
  height: 15px;
  top: 1.0em;
  left: 8em;
}

.ListeSousForums a {
  display:block; /* on transforme les liens en blocs */
  background:#ffffff; /* couleur de fond */
  padding:2px 10px; /* marges internes haut/bas et droite/gauche */
  margin:2px 0; /*marges externes haut/bas et droite/gauche */
  /* des coins arrondis */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  /* un effet d'ombre */
  -webkit-box-shadow:1px 1px 2px 0px #000000;
  -moz-box-shadow:1px 1px 2px 0px #000000;
  box-shadow:1px 1px 2px 0px #000000;
}
 

/*** DERNIERS MESSAGES ***/

.last_mess {
  width: 175px;
  height: 150px;
  position: relative;
  top: -17.25em;
  left: 30.5em;
  background-color: #0e4e70;
  color: #81651e;
  font-size: 10px;
    border-width: 3px;
  border-style: double;
  border-color: #bedced;
}

.last_post {
  width: 170px;
  height: 50px;
  position: relative;
  top: -11.2em;
  left: 20.5em;
    color: #81651e;
  font-size: 10px;
  padding-bottom: 3px;
  background-color: #DCE9FA;


.sujet_message {
  width: 170px;
  height: 25px;
  position: relative;
  top: -11.75em;
  left: 20.5em;
  color: #81651e;
  font-size: 10px;
  padding-bottom: 3px;
  background-color: #DCE9FA;
}

.imgsujet {
 position: relative;
  top: -7em;
  left: 9.5em;
  z-index: 1;
}

.last_mess a {
  color: #81651e !important;
  text-decoration: none !important;
}

.overflowhidden {
  overflow: hidden;
}

/*enlever image titre de caté*/
.secondarytitle h2 span , .hierarchy a span { display:none; }
td.nav a > img , .catBottom .nav a > img, .nav img{display: none !important;}

/*--------------------------------- FIN CATEGORIES --------------------------------- */

Templates :
Code:
<br/><br/><center><!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <th colspan="1" nowrap="nowrap" width="100%" class="secondarytitle" align="center">{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>
      <td><div class="categorie"><div class="cadreforumlink"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
        <div class="bloc1">{catrow.forumrow.FORUM_DESC}
          <!-- BEGIN avatar -->
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
        <!-- END avatar -->
        <center><div class="sujet_message">{catrow.forumrow.TOPICS} corps & {catrow.forumrow.POSTS} morsures</div></center>
                      <center><div class="last_post">{catrow.forumrow.LAST_POST}</div></center>
                      <center><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="imgsujet"/></center></div>
                    <center><div class="last_mess"><div class="ListeSousForums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div>
          </div></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><img src="http://nsa38.casimages.com/img/2015/12/16/151216121817345053.png" alt="" width="850px" style="margin-top: -5px;"/><!-- END tablefoot --><!-- END catrow -->

Je reste à votre entière disposition si besoin ^^

Merci d'avance d'avoir pris le temps de lire ma demande Thanks

ValSpec
Nouveau membre

Messages : 12
Inscrit(e) le : 13/12/2013

http://vampire-chronicles.forumgratuit.ch/
ValSpec a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégorie avec avatar

Message par Feuilla' le Jeu 17 Déc - 15:46

Bonjour,
essayez de rajouter ces codes CSS :
Code:
div.bloc1 {margin-bottom:0px}
Si cela ne fonctionne pas essayez ceci
Code:
.center {display:none}
Bonne journée !

Feuilla'
# Tropactif #

Messages : 1388
Inscrit(e) le : 26/07/2015

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

Résolu Re: Problème catégorie avec avatar

Message par ValSpec le Jeu 17 Déc - 16:21

Bonsoir Very Happy
Merci pour votre réponse si rapide Feuilla' mais malheureusement les deux ne fonctionnent pas :/

Est-ce que vous auriez une autre idée?

ValSpec
Nouveau membre

Messages : 12
Inscrit(e) le : 13/12/2013

http://vampire-chronicles.forumgratuit.ch/
ValSpec a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégorie avec avatar

Message par ValSpec le Jeu 17 Déc - 20:56

Problème résolu : Création d'une TD supplémentaire et placement par dessus l'autre TD ^^
Merci quand même <3

ValSpec
Nouveau membre

Messages : 12
Inscrit(e) le : 13/12/2013

http://vampire-chronicles.forumgratuit.ch/
ValSpec a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégorie avec avatar

Message par Chacha le Jeu 17 Déc - 21:02

@ValSpec a écrit:Problème résolu : Création d'une TD supplémentaire et placement par dessus l'autre TD ^^
Merci quand même <3
..Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 50926
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha 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