Probleme de catégories Bouton_activeProbleme de catégories Bouton_hoverProbleme de catégories Fb-hoverProbleme de catégories Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Probleme de catégories EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Probleme de catégories EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Probleme de catégories EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Probleme de catégories EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Probleme de catégories EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Probleme de catégories EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Probleme de catégories EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Probleme de catégories EmptySam 11 Fév 2023, 06:04 par Krager

-28%
Le deal à ne pas rater :
-28% Machine à café avec broyeur à grain MELITTA Purista
229.99 € 318.99 €
Voir le deal

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Probleme de catégories

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://neko-folie.forumactif.org/
saia
saia
{ Membre }
{ Membre }

Féminin Messages : 85



Probleme de catégories Empty
Bonsoir, j'aimerais faire par de mon problème.
Je viens de faire tranquilement mes codages de template quand j'ai remarquer plusieurs choses qui avaient disparût
Pour pouvoir bien vous l'expliquer, j'ai prie plusieurs screen avec des carrée de couleur.

https://2img.net/r/hpimg15/pics/178422image1.png

La première image avec le carré vert:

Il s'agit de ma catégories, mais comme on peut le constater, il n'y en a qu'une seule =/
généralement des qu'on créer un new "forum" on en a un autre

la première image avec le carré rouge:

Je ne sais pas se que sait et j'aimerais le suprimée

https://2img.net/r/hpimg15/pics/232523image2.png

La deuxième image:

Il y a un enorme vide, il s'agit certainement des autres catégories



Donc voici mes probleme, je vous met mes codes pour trouvée se qu'il pourrait cloché:


HTML:
Code:
<div class="titre_image"><img src="http://img11.hostingpics.net/pics/238303604.png"/></div><div class="fond_description"><p><br>Salut à tous et soyez les bienvenue dans la tanière des Lone Wolves. Avant de commencer ton aventure, n'oublie pas de passer dans les règlement de la guilde!
</div><div class="stats_image"><img src="http://img11.hostingpics.net/pics/823361915.png"/></div><div class="gros_image"><img src="http://img15.hostingpics.net/pics/235373titre.png"/></div>

CSS:
Code:
/*categorie*/

.cathead
{
  background: url('http://img4.hostingpics.net/pics/387555categories02.png') top center no-repeat;
  width: 940px;
  height: 211px;
  margin: auto; /*Permet de centrer la partie du corps*/
}

.catbody
{
  background: url('http://img4.hostingpics.net/pics/308405categories03.png') center repeat-y;
  width: 940px;
  margin: auto;

}

.catfoot
{
  background: url('http://img4.hostingpics.net/pics/767807categories04.png') bottom center no-repeat;
  width: 940px;
  height: 194px;
  margin: auto;
}
.forumline{
border-bottom: 6px #787161 solid;
border-top: 6px #787161 solid;
border-right: 1px #787161 solid;
border-left: 1px #787161 solid;}


.categories_fond{
  height: 250px;
  width: 863px;
 

 
}

.image{
  height: 163px;
  width: 167px; 
    position: absolute;
  float: left;
  left: 240px;
  top: 880px;
}


.block_deux{
background: #ffffff;
height: 130px;
  width: 450px;
position: absolute;
float: left;
font-size: 12px;
 left: 440px;
  top: 885px;
  margin-top: 10px;
 
text-align: center;
}

.fond_description{
height: 130px;
  width: 450px;
position: absolute;
float: left;
color:#577377;
font-size: 12px;
 left: 0px;
  top: 10px;
  margin-top: 10px;
  z-index: 1;
 

}
.liens{
  height: 30px;
  width: 450px;
background-image:url('http://img11.hostingpics.net/pics/788536913.png');
position: absolute;
float: left;
color:#577377;
font-size: 12px;
 left: 440px;
  top: 1030px;

  margin-top: 10px;
}
 

.block_quatre{

  height: 170px;
  width: 174px;
    position: absolute;
    float: left;
 left: 940px;
  top: 950px;
  font-size: 12px;
}


.titre{
  height: 50px;
  width: 230px;
  background: #000000;
  position: absolute;
  float: left;
  left: 430px;
  top: 30px;
}
 
.titre_image{
  height: 30px;
  width: 470px;
  position: absolute;
  float: left;
  left: -10px;
  top: -7px;
  z-index: 2;
}

.stats_image{
 height : 170px;
  width: 174px;
  position: absolute;
    float: left;
 left: 480px;
  top: -20px;
}


.gros_titre{
height: 50px;
width: 300px;
background: #000000;
  position: absolute;
  float: left;
  left: 450px;
  top: 830px;
}

.gros_image{
height: 50px;
width: 300px;
  position: absolute;
  float: left;
  left: -70px;
  top: -110px;
  z-index: 2;
}

/*fin*/

Template:
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 class="cathead"></div><div class="catbody">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr style="display:none;">

  <!-- END tablehead -->
  <!-- BEGIN cathead --> 
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
 <div class="categories_fond">
<div class="image"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
<div class="block_deux">{catrow.forumrow.FORUM_DESC}</div>
  <div class="liens"><table>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</table>
</div>
<div class="block_quatre">Sujet: {catrow.forumrow.TOPICS} Message: {catrow.forumrow.POSTS}<p> {L_LASTPOST}
</p>
</div>
<div class="titre"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>



 
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table>
</div><div class="catfoot"></div>
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

et voici le lien du forum =)

http://lone-wolves.forumactif.org/?tt=1

Merci d'avance à ceux qui pourrait me trouver une solution
MessageSujet: Probleme de catégories   Probleme de catégories EmptyJeu 18 Juil 2013, 19:43
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Probleme de catégories Empty
Je règle l'un de tes problèmes rapidement :
Dans ton code, pour la partie d'affichage des catégories, tu as une table avec la class "forumline" qui s'ouvre. Mais dedans, il n'y a pas de tableau. Il y a juste une ligne (tr) qui s'ouvre, et ne se ferme jamais O_O.
Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="cathead"></div><div class="catbody">
<table width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr style="display:none;">

<!-- Suite de ton code à toi-->
 

Je pense qu'il serait judicieux d'enlever cette partie. Normalement cela devrait enlever ce que tu as entouré en rouge (normalement si je me trompe pas XDDD). Voici ce que cela donnerait :
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 class="cathead"></div><div class="catbody">


  <!-- END tablehead -->
  <!-- BEGIN cathead --> 
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
 <div class="categories_fond">
<div class="image"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
<div class="block_deux">{catrow.forumrow.FORUM_DESC}</div>
  <div class="liens"><table>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</table>
</div>
<div class="block_quatre">Sujet: {catrow.forumrow.TOPICS} Message: {catrow.forumrow.POSTS}<p> {L_LASTPOST}
</p>
</div>
<div class="titre"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>



 
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->

</div></div><div class="catfoot"></div>
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
MessageSujet: Re: Probleme de catégories   Probleme de catégories EmptyVen 19 Juil 2013, 18:27
Revenir en haut Aller en bas
http://neko-folie.forumactif.org/
saia
saia
{ Membre }
{ Membre }

Féminin Messages : 85



Probleme de catégories Empty
Ah merci beaucoup =) en effet ton code qu'il fallait enlever marche ^^
maintenant, il ne reste plus cas résoudre le dernier probleme, XD la catégories X)
Ah mon avie il dois juste manquer quelque chose ^^
MessageSujet: Re: Probleme de catégories   Probleme de catégories EmptyVen 19 Juil 2013, 20:14
Revenir en haut Aller en bas
http://neko-folie.forumactif.org/
saia
saia
{ Membre }
{ Membre }

Féminin Messages : 85



Probleme de catégories Empty
Bonsoir Bonsoir! pardonner mon double poste mais j'ai réussit à faire plusieurs chose qui as avancé mon problème de catégories =D

enfaite, il s'agissait d'un probleme de position ^^
Mais biensur, j'ai crue que mon problème était réglé (c'était trop beau pour être vraie)
Voici donc un new screen du probleme:

https://2img.net/r/hpimg11/pics/300973IMAGE.png


Et oui la deuxième catégories est très éloigné de la première et j'ignore les raisons X.X

Je vous remet donc tout mes codes:

HTML:
Code:
<div class="titre_image"><img src="http://img11.hostingpics.net/pics/238303604.png"/></div><div class="fond_description"><p><br>Salut à tous et soyez les bienvenue dans la tanière des Lone Wolves. Avant de commencer ton aventure, n'oublie pas de passer dans les règlement de la guilde!
</div><div class="stats_image"><img src="http://img11.hostingpics.net/pics/823361915.png"/></div><div class="gros_image"><img src="http://img15.hostingpics.net/pics/235373titre.png"/></div>

CSS:
Code:
.cathead
{
  background: url('http://img4.hostingpics.net/pics/387555categories02.png') top center no-repeat;
  width: 940px;
  height: 211px;
  margin: auto; /*Permet de centrer la partie du corps*/
}

.catbody
{
  background: url('http://img4.hostingpics.net/pics/308405categories03.png') center repeat-y;
  width: 940px;
  margin: auto;

}

.catfoot
{
  background: url('http://img4.hostingpics.net/pics/767807categories04.png') bottom center no-repeat;
  width: 940px;
  height: 194px;
  margin: auto;
}
.forumline{
border-bottom: 6px #787161 solid;
border-top: 6px #787161 solid;
border-right: 1px #787161 solid;
border-left: 1px #787161 solid;}


.categories_fond{
  height: 250px;
  width: 863px;
  position: relative;

 
}

.image{
  height: 163px;
  width: 167px; 
    position: relative;
  float: left;
  left: 30px;
  top: 0px;
}


.block_deux{
background: #ffffff;
height: 130px;
  width: 450px;
position: relative;
float: left;
font-size: 12px;
 left: 90px;
  top: 0px;
  margin-top: 10px;
 
text-align: center;
}

.fond_description{
height: 130px;
  width: 450px;
position: absolute;
float: left;
color:#577377;
font-size: 12px;
 left: -30px;
  top: 10px;
  margin-top: 10px;
  z-index: 1;
 

}
.liens{
  height: 30px;
  width: 450px;
background-image:url('http://img11.hostingpics.net/pics/788536913.png');
position: relative;
float: left;
color:#577377;
font-size: 12px;
 left: 70px;
  top: 0px;
  margin-top: 10px;
}
 

.block_quatre{

  height: 170px;
  width: 174px;
    position: relative;
    float: left;
 left: 135px;
  top: -70px;
  font-size: 12px;
}


.titre{
  height: 50px;
  width: 230px;
  position: relative;
  float: left;
  left: 550px;
  top: -320px;
  z-index: 2;
  font-family: "wakfu fan";
  color: #12968F;
 
}
  .titre_image{
  height: 30px;
  width: 450px;
  position: absolute;
  float: left;
  left: -10px;
  top: -5px;
}

.stats_image{
 height : 170px;
  width: 174px;
  position: absolute;
    float: left;
 left: 475px;
  top: -15px;
}




.gros_titre{
height: 50px;
width: 300px;
background: #000000;
  position: relative;
  float: left;
  left: 450px;
  top: 0px;
}

.gros_image{
height: 50px;
width: 300px;
  position: absolute;
  float: left;
  left: -70px;
  top: 0px;
  z-index: 2;
}

Template:
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 class="cathead"></div><div class="catbody">

  <!-- END tablehead -->
  <!-- BEGIN cathead --> 
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
 <div class="categories_fond">
<div class="image"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
<div class="block_deux">{catrow.forumrow.FORUM_DESC}</div>
  <div class="liens"><table>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</table>
</div>
<div class="block_quatre">Sujet: {catrow.forumrow.TOPICS} Message: {catrow.forumrow.POSTS}<p> {L_LASTPOST}
</p>
</div>
<div class="titre"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
  </div>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->

</div><div class="catfoot"></div>
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
MessageSujet: Re: Probleme de catégories   Probleme de catégories EmptySam 20 Juil 2013, 16:28
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Probleme de catégories Empty
Juste une petite question, pourquoi tu mets l'image de fond de stat, dans la description du forum ?
Y a des petits trucs que tu pourrais "simplifier" dans ton code ^^

Enfin bon, sinon, dans ton css, pour ".block_quatre", essaye en enlevant le "height: 170px;"
MessageSujet: Re: Probleme de catégories   Probleme de catégories EmptyDim 21 Juil 2013, 13:35
Revenir en haut Aller en bas
http://neko-folie.forumactif.org/
saia
saia
{ Membre }
{ Membre }

Féminin Messages : 85



Probleme de catégories Empty
Pardon pour cette longue attente le codage à parfaitement fonctionner merci encore -^-^-
MessageSujet: Re: Probleme de catégories   Probleme de catégories EmptyDim 25 Aoû 2013, 17:21
Revenir en haut Aller en bas
Contenu sponsorisé




Probleme de catégories Empty
MessageSujet: Re: Probleme de catégories   Probleme de catégories Empty
Revenir en haut Aller en bas
 

Probleme de catégories

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Problème de catégories en onglets.
» Problème de catégories ^w^
» Probléme de catégories
» Problème catégories
» Problème avec les catégories !

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit