Problème catégorie avec avatar

3 participants

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 Jeu 17 Déc 2015 - 14: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:
avatar

ValSpec
Nouveau membre

Messages : 12
Inscrit(e) le : 14/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' Jeu 17 Déc 2015 - 16: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 !
avatar

Feuilla'
Membre habitué

Messages : 1389
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 Jeu 17 Déc 2015 - 17: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?
avatar

ValSpec
Nouveau membre

Messages : 12
Inscrit(e) le : 14/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 Jeu 17 Déc 2015 - 21:56

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

ValSpec
Nouveau membre

Messages : 12
Inscrit(e) le : 14/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 Jeu 17 Déc 2015 - 22: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
.Problème catégorie avec avatar HURHAdp.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 Problème catégorie avec avatar Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Problème catégorie avec avatar 50378

A bientôt sur ForumActif Smile
Chacha

Chacha
Modéractif
Modéractif

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

https://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

- Sujets similaires

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