Mise en forme des catégories "cassée" Bouton_activeMise en forme des catégories "cassée" Bouton_hoverMise en forme des catégories "cassée" Fb-hoverMise en forme des catégories "cassée" Fb-active
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
» Fiche de Présentation RPG
Mise en forme des catégories "cassée" EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Mise en forme des catégories "cassée" EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Mise en forme des catégories "cassée" EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Mise en forme des catégories "cassée" EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Mise en forme des catégories "cassée" EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Mise en forme des catégories "cassée" EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Mise en forme des catégories "cassée" EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Mise en forme des catégories "cassée" EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le deal à ne pas rater :
Cdiscount : -30€ dès 300€ d’achat sur une sélection Apple
Voir le deal

Partagez
 

Mise en forme des catégories "cassée"

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://strong-world.forumactif.com/
Akesato
Akesato
{ Membre }
{ Membre }

Masculin Messages : 86



Mise en forme des catégories "cassée" Empty
Bonjours !
Alors voila, j'ai une amie qui a réussit à me faire un superbe codage pour mon forum comme je voulais et tout, mais je sais pas, je crois que FA a fait une mise à jour car du jour au lendemain le codage qui marchait parfaitement à changer du jour au lendemain.

Je vous explique en image (ce qui est bien mieux)

Voila donc un sceen que ce que le codage donnait lorsqu'il marchait parfaitement bien : https://i.servimg.com/u/f42/17/52/04/88/captur11.jpg

Voila ce que du jour au lendemain ça a donner sur son forum test :
http://foocha-test.grafbb.com/
(on voit bien les différences)

Et voila ce que j'ai vu en me connectant un matin sur mon forum test :
http://teste-design.forumactif.com/

On a pourtant exactement le même CSS, et le même index_box =/
D'où peut venir le problème ? T______T

PS : j'ai des problèmes avec internet en ce moment à mon appart, donc si j'ai une réponse et que je répond pas tout de suite c'est normal, je m'en excuse d'avance.
MessageSujet: Mise en forme des catégories "cassée"   Mise en forme des catégories "cassée" EmptyMer 01 Aoû 2012, 12:12
Revenir en haut Aller en bas
Faucon
Faucon
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 1757



Mise en forme des catégories "cassée" Empty
Bonjour

Tu pourrais nous passer ta feuille CSS et ton index_box, s'il te plait ?

Merci
MessageSujet: Re: Mise en forme des catégories "cassée"   Mise en forme des catégories "cassée" EmptyJeu 02 Aoû 2012, 05:02
Revenir en haut Aller en bas
http://strong-world.forumactif.com/
Akesato
Akesato
{ Membre }
{ Membre }

Masculin Messages : 86



Mise en forme des catégories "cassée" Empty
Bien sûr ! J'avais pas pensé à les mettre vu que qu'on a les même et pourtant le résultat est différent T_T

Voici le CSS :
Code:
/* Debut pour categories par X */

/* tableaux */

table {
border-collapse: separate;
border-spacing: 0px !important;
}

td.row3.over:hover {
padding: 6px 6px;
padding-right: 6px;
}

.tddesc, .tddesc:hover {
background-color: black;
padding: 6px 6px;
padding-right: 6px;
}

.tdimg {
padding: 6px;
background-color: black;
}

.tdimg img {
  border-radius: 14px;
}

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
padding: 6px 6px;
padding-right: 6px;
padding-bottom: 6px;
}

.forumline {
border: 0px solid transparent !important;
}

.postslien {
  background-color: black;
}

/* Titres de categorie */
.secondarytitle, .secondarytitle h2 {
color: white;
margin: 0;
padding: 0;
height: 65px;
background-color: #F5EFDF;
vertical-align: top;
background-position-y: 2px;
background-repeat: no-repeat;
}

th {
  background-position: center bottom;
}

.tdcatitre {
background-image: url(http://i42.servimg.com/u/f42/17/52/04/88/jpeg10.jpg);
height: 65px;
text-align: center;
vertical-align: middle;
}

.txtcat {
vertical-align: top;
visibility: hidden;
}

/* arrondis pour image dans cat */

.imgarrondie {
  border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}

/* barda pour la description */

.divdesc, .divdesc:hover {
background-color: black;
background-image: url(http://i43.servimg.com/u/f43/15/23/00/40/12022610.png);
border-radius: 14px;
height: 152px;
}

.description, .description:hover {
background-color: #F5EFDF;
padding: 14px;
border-radius: 15px;
border: 1px solid white;
width: 68%;
float: right;
height: 110px;
overflow: auto;
margin-top: 5px;
margin-right: 5px;
}

.imgsec {
width: 20%;
float: left;
margin-top: 5px;
margin-left: 5px;
}

/* date heure joueur lien */
.postsdate {
-webkit-transform: rotate(-12deg);
-moz-transform: rotate(-12deg);
-o-transform: rotate(-12deg);
width: 132px;
background-image: url(http://i43.servimg.com/u/f43/15/23/00/40/12022610.png);
border-radius: 10px 10px 10px 10px;
padding: 11px;
border: 2px solid #0486AE;
box-shadow: 1px 1px 1px black;
margin-top: -10px;
margin-right: 25px;
float: left;
}

/* Liens sous forums */

.ssliens {
background-color:
black;
height: 26px;
padding-top: 0;
}

.sousfo {
  margin-left: 130px;
  margin-top:-6px;
}

.sousfo a {
border-left: 1px solid #0486AE;
padding: 4px;
padding-top: 0px;
border-right: 1px solid #00C2EA;
border-bottom: 1px solid #00C2EA;
border-radius: 0px 0px 5px 5px;
}

/* Fin pour categories par X */

Voici l'index_box :
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 --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="3" 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}>
                    </div>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
                <td class="tdcatitre" colspan="3" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <div class="catitre"><span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                                  </span></div>
        </h{catrow.forumrow.LEVEL}>
                </td>
  </tr>
  <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="tdimg" 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}" class="imgarrondie" />
      </td>
      <td class="tddesc" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                  <div class="divdesc"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
      </td>
      <td class="postslien" align="center" valign="middle" height="50">
                  <div class="postsdate">
                    <span class="gensmall">{catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} Sujets<br/>
                      {catrow.forumrow.LAST_POST}</span></div>
      </td>
  </tr>
  <tr>
            <td class="ssliens" valign="top" width="765px" colspan="3">
        <span class="gensmall">
                    <div class="sousfo">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                          </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"> <img src="http://i42.servimg.com/u/f42/17/52/04/88/png1010.png"/></div>
  <img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

PS : ce weekend je pars en vacance, du coup, je pense pas pouvoir répondre avant le 11.
Edit de Psycho : je l'ai mis en relief exprès pour que le sujet ne soit pas archivé trop vite (: Merci !
MessageSujet: Re: Mise en forme des catégories "cassée"   Mise en forme des catégories "cassée" EmptyJeu 02 Aoû 2012, 20:46
Revenir en haut Aller en bas
Faucon
Faucon
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 1757



Mise en forme des catégories "cassée" Empty
Hello

Le problème c'est que chez moi cela marche ^^ a part le fond du titre

Dans cette partie
Code:
.secondarytitle, .secondarytitle h2 {
color: white;
margin: 0;
padding: 0;
height: 65px;
background-color: #F5EFDF;
vertical-align: top;
background-position-y: 2px;
background-repeat: no-repeat;
}
Pourquoi tu ne mets pas background-image: url('URL DE L'IMAGE');
MessageSujet: Re: Mise en forme des catégories "cassée"   Mise en forme des catégories "cassée" EmptySam 04 Aoû 2012, 10:01
Revenir en haut Aller en bas
http://strong-world.forumactif.com/
Akesato
Akesato
{ Membre }
{ Membre }

Masculin Messages : 86



Mise en forme des catégories "cassée" Empty
Pourquoi chez moi ça marche pas ? :'(

J'ai essayer ça n'a pas arrangé mon problème snif
MessageSujet: Re: Mise en forme des catégories "cassée"   Mise en forme des catégories "cassée" EmptySam 11 Aoû 2012, 09:07
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Mise en forme des catégories "cassée" Empty
Bonjour !

Si le CSS et le template sont absolument identiques d'un forum sur l'autre, ça pourrait venir des couleurs, ou d'autres réglages qui se font dans le panneau d'admin... T'as vérifié que c'était identique au quart de poil ?

Edit : Il faut que tu réduises la largeur du forum (classe .bodylinewidth) et que tu rajoutes ça dans ton CSS :

Code:
.forumline { border-collapse: collapse; }
(Si .forumline est déjà défini dans ton CSS, mets y juste la nouvelle propriété, inutile de faire des doublons)

Ah, et le bug sur les titres, au lieu de "visibility:hidden" il faut mettre display:none '_'
MessageSujet: Re: Mise en forme des catégories "cassée"   Mise en forme des catégories "cassée" EmptySam 11 Aoû 2012, 09:48
Revenir en haut Aller en bas
http://strong-world.forumactif.com/
Akesato
Akesato
{ Membre }
{ Membre }

Masculin Messages : 86



Mise en forme des catégories "cassée" Empty
Normalement en couleur nous avons la même chose
Mais notre QEEL est différent =O

Le : classe.bodylinewidth
Il faut le mettre à un endroit particulier ?

Pour le .forumline j'avais déjà ceux là :
.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
padding: 6px 6px;
padding-right: 6px;
padding-bottom: 6px;
}

.forumline {
border: 0px solid transparent !important;
}


Par contre j'ai bien mi le "display:none"

Désolé je suis pas doué avec le codage ^^"


MessageSujet: Re: Mise en forme des catégories "cassée"   Mise en forme des catégories "cassée" EmptySam 11 Aoû 2012, 10:54
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Mise en forme des catégories "cassée" Empty
Alors déjà c'est pas "classe.bodylinewidth", c'est "la classe .bodylinewidth". Ergo, je parle bien d'un truc de ce genre :
Code:
.bodylinewidth {
  width:LARGEURpx;
}

Ensuite, vu que tu as déjà :
Code:
.forumline {
border: 0px solid transparent !important;
}
Il te suffit d'y rajouter le border collapse que j'ai mentionné.

Et enfin, sur un des forums que tu as montré, il y a un espace blanc sous le titre "Début de l'aventure", qui est dû au fait qu'il y a un visibility au lieu d'un display, d'où ma remarque '_'
MessageSujet: Re: Mise en forme des catégories "cassée"   Mise en forme des catégories "cassée" EmptySam 11 Aoû 2012, 10:58
Revenir en haut Aller en bas
http://strong-world.forumactif.com/
Akesato
Akesato
{ Membre }
{ Membre }

Masculin Messages : 86



Mise en forme des catégories "cassée" Empty
Oui un des forums est à mon amie, dès qu'elle revient de vacance je lui dirais.
Pour ça que ça a pas marché sur mon forum xD *se sent con*

le mien c'est celui là : http://teste-design.forumactif.com/

Et du coup aucun truc n'a marché dessus =/
MessageSujet: Re: Mise en forme des catégories "cassée"   Mise en forme des catégories "cassée" EmptySam 11 Aoû 2012, 20:03
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Mise en forme des catégories "cassée" Empty
Bah sur le tien aussi dans le titre des forums t'as mis un visibility hidden O.o

Sinon tu as bien "séparer les catégories" dans la hiérarchie ? (Affichage » Page d'accueil » Structure et hiérarchie)
MessageSujet: Re: Mise en forme des catégories "cassée"   Mise en forme des catégories "cassée" EmptySam 11 Aoû 2012, 20:39
Revenir en haut Aller en bas
http://strong-world.forumactif.com/
Akesato
Akesato
{ Membre }
{ Membre }

Masculin Messages : 86



Mise en forme des catégories "cassée" Empty
En effet c'était la hiérarchie le problème ...
Comment je me sens débile.
Mais il reste toujours le trait blanc sous les titres et pourtant j'ai bien mi : display:none =/
MessageSujet: Re: Mise en forme des catégories "cassée"   Mise en forme des catégories "cassée" EmptyDim 12 Aoû 2012, 12:59
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Mise en forme des catégories "cassée" Empty
Dans ton CSS tu dois avoir ça quelque part :
Code:
.secondarytitle, .secondarytitle h2 {
    background-color: #F5EFDF;
    background-repeat: no-repeat;
    color: white;
    height: 65px;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
Retire les deux background.
MessageSujet: Re: Mise en forme des catégories "cassée"   Mise en forme des catégories "cassée" EmptyLun 13 Aoû 2012, 01:05
Revenir en haut Aller en bas
http://strong-world.forumactif.com/
Akesato
Akesato
{ Membre }
{ Membre }

Masculin Messages : 86



Mise en forme des catégories "cassée" Empty
C'est parfait merci beaucoup ^^
MessageSujet: Re: Mise en forme des catégories "cassée"   Mise en forme des catégories "cassée" EmptyLun 13 Aoû 2012, 07:09
Revenir en haut Aller en bas
pamina
pamina
{ Membre actif }
{ Membre actif }

Féminin Messages : 1170



Mise en forme des catégories "cassée" Empty
Hello Akesato,
Doit-on comprendre que ce sujet peut être archivé ?
Merci d'avance de ta réponse. Very Happy
MessageSujet: Re: Mise en forme des catégories "cassée"   Mise en forme des catégories "cassée" EmptyMer 15 Aoû 2012, 13:25
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Mise en forme des catégories "cassée" Empty
Nous prendrons cette absence de réponse pour un "oui", sujet archivé donc !
MessageSujet: Re: Mise en forme des catégories "cassée"   Mise en forme des catégories "cassée" EmptyVen 24 Aoû 2012, 11:01
Revenir en haut Aller en bas
Contenu sponsorisé




Mise en forme des catégories "cassée" Empty
MessageSujet: Re: Mise en forme des catégories "cassée"   Mise en forme des catégories "cassée" Empty
Revenir en haut Aller en bas
 

Mise en forme des catégories "cassée"

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

 Sujets similaires

-
» Ecriture + mise en forme catégories [RESOLU]
» RÉSOLU - Mise en forme des catégories et forums
» Mise en forme d'une PA
» Mise en forme d'une PA
» Mise en forme

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-

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 | Forum gratuit