Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

probleme apparence categorie

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

Résolu probleme apparence categorie

Message par Shanatracy le Mar 13 Mai 2014 - 22:54

bonsoir

voila hier neptune est venue a mon aide pour corriger mon index box afin de modifier les sous forum pour qu'il soit sur 1 seule ligne

Cependant je me suis aperçu se matin, que les categorie n'avait pas tous la meme longueur a present ..
pouvez vous m'aidez a resoudre ce soucis svp?



mon index box
Spoiler:

<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="0" cellpadding="0">
<tr>
<th colspan="4" 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}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr><td colspan="4">
<table class="fond_forum" border="0" cellspacing="0" cellpadding="0">
<tr class="allo">
<td valign="middle">
<img align="center" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td valign="top">
<table>
<tr>
<td COLSPAN="2" valign="top">
<div style="border-radius:50px 50px 0px 0px;margin-left:10px;margin-right:10px;margin-top:15px;background-color:#e1ca94;padding-top:4px;padding-bottom:2px;padding-left:20px;padding-right:6px;font-family: tahoma;font-size: 18px;color:#57504a;"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> </div>


</td>
</tr>

<tr>
<td valign="top">
<div class="descy">

<span class="genmed"> {catrow.forumrow.FORUM_DESC}</span><div style="font-size:8px;text-align:center;"><span class="gensmall">{catrow.forumrow.POSTS} posts ◊ {catrow.forumrow.TOPICS} topics </span> </div></div>
</td>


<td valign="top">
<div class="headboxtitle2"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</td>
</tr>
 <tr><td><div class="souforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></td></tr>
</table>
</td>
</tr>

</table>
</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 -->
<tr>
<td colspan="4"><center></center></td>
</tr>
</table>
<br><br><br><br><br>
<!-- END tablefoot --><!-- END catrow -->

mon css

Spoiler:

/* Header de fond */


body {
     background-color: #fafef2;
       background-image: url("http://1.1.1.1/bmi/nsa33.casimages.com/img/2014/04/29/14042902160842785.png");
       background-position: top center;
       background-repeat:no-repeat;}

/* Fin */

/* surlignement des liens*/

a, a:link, a:hover {
text-decoration: none!important;
}
Body{
 text-shadow:  1px 1px 0px  #ece3d5;
text-align: center;
}

.bodyline {
  -moz-border-radius:45px 0px 45px 0px;
 border-radius: 45px 0px 45px 0px;
 webkit-border-radius: 45px 0px 45px 0px;
border:20px solid #e6dac8;
}

/* stats du forum message et sujets */
.StatsForum {
 float:center;
 font-size:9px;
 padding:2px;
 color: #bab487;
 background-color: #eae0d2;


}
/* titre cat */
.titre_cat {
       margin-bottom: 9px;
 margin-left: 20px;

}
/* espacement entre categorie */


/*fin */

a.forumlink {

font-family: 'Bad Script', cursive;
   font-size: 22px;
   font-weight : normal
text-align: left;
   text-shadow: #e3dccb 1px 0px  0px;
text-decoration: none;
padding-left : 10px;
 margin-top: 20px;

color: #fafef2;
   
   
display:block;
   
   text-shadow: #e3dccb 1px 0px  0px;
 margin-top: 20px;

 text-decoration: none;}

a.forumlink:hover {
color: #cfcba3;
 padding-left:40px;
 -moz-transition:color 3s; /* Mozilla Firefox */
       -webkit-transition:color 3s; /* Safari et Google Chrome */
       -o-transition:color 3s; /* Opera */
       transition:color 3s;
 
}



/* FIN */

  /*arrondis zones de texte*/
     
       textarea, .textarea.post, input.post {
       -moz-border-radius:30px;
       -webkit-border-radius:30px;
       }
     
       /*arrondis zones de saisie identifiant*/
       input,textarea, select {
       -moz-border-radius: 20px;
       -webkit-border-radius: 20px;}

/*enlever des traits noirs sujets*/
     
               td.catLeft {
                 border-width:0 0 0 0px !important;
               }
           
               td.catBottom {
                 border-width:0 0px 0px !important;
               }
           
               td.catHead {
                 border-width:0px 0px 0 !important;
               }
           
               td.catRight {
               border-width:0 0 0 0px !important;
               }
           
               td {
               border-width:0 0 0 0px !important;
               }
           
               th, td, p {
               border-width:0 0 0 0px !important;
               }

/* MESSAGE BULLE  des sujets */


   .bulle{
   background-color : #fafef2;
   -moz-border-radius:45px 0px 45px 0px;
 border-radius: 45px 0px 45px 0px;
 webkit-border-radius: 45px 0px 45px 0px;
border:5px solid #c2d39d;
   padding : 15px;
 margin-bottom: 10px;
 margin-top: 30px;
   }



/* AUTEUR DE SUJET */
.auteursujet {
 font-size:9px;
 color: #cabaa1;
 
}

.milieu{
 
 background-color : #f0f6fa;
 -moz-border-radius:0px 0px 30px 30px;
 border-radius: 0px 0px 30px 30px;
 webkit-border-radius: 0px 0px 30px 30px;
 padding : 10px;
 
 margin-top: -25px;
}

/* CURSEUR */
a {
cursor : se-resize;
}

/* SELECTEUR DE CONTENU */
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }

/* PROFIL */
div.cadreprofil {
background-color : #ddd5c0;
   -moz-border-radius:45px 0px 45px 0px;
 border-radius: 45px 0px 45px 0px;
 webkit-border-radius: 45px 0px 45px 0px;
border:5px solid #e9dece;
padding:0px;}

div.pseudomembre {
 font-family: 'Bad Script', cursive;
   font-size: 30px;
 text-align : center;
 margin-top: -15px;
 padding:10px;
}

.postdetails.poster-profile a img {
-moz-border-radius:45px 45px 3px 3px;
 border-radius: 45px 45px 3px 3px;
 webkit-border-radius: 45px 45px 3px 3px;
}
.poster-profile img:hover {
  -webkit-transform: scale(0.9) rotate(-15deg);/* Agrandissement de la photo à l'échelle 1.4 et rotation de -10 degrés */
   -moz-transform: scale(1.4) rotate(-10deg);
   -o-transform: scale(1.4) rotate(-10deg);
   transform: scale(1.4) rotate(-10deg);
   -webkit-transition: -webkit-transform 0.2s ease-in-out;/* Utilisé pour la transition sur chrome et safari */
   -moz-transition: -moz-transform 0.2s ease-in-out;/* Utilisé pour la transition sur Firefox */
   transition: transform 0.2s ease-in-out;
}

/* QEEL */
#qeel_fond {
Background-image : url(http://image.noelshack.com/fichiers/2014/20/1399848962-qeel.png);
position:relative;
Width: 790px;
Height:300px;
}

#qeel_stats {
position:absolute;
Width: 436px ;
Height: 64px ;
top:39px;
left:24px;
  overflow: auto;  /*apparition barre de scroll si ça depasse*/
}

#qeel_anniv {
position:absolute;
Width: 243px;
Height:59px;
top:173px;
left:19px;
 
  overflow: auto;  /*apparition barre de scroll si ça depasse*/
}


#qeel_connect {
position:absolute;
Width:361px;
Height:82px;
top:162px;
left:411px;
 
}


/* SOULIGNEMENT DES TEXTES */

u {
border-bottom: 1px dotted #a67f77;
text-decoration: none !important;
}

/* ITALIQUE DES TEXTES */

i
{
color: #ada77d;
}

/* MISE EN PAGE FORUM */
.fond_forum {
/*border:1px solid #f0eed5;*/
z-index:1;
background-color:#f0eed5;
margin-left:0px;
margin-right:0px;
/*-moz-border-radius: 20px;
border-radius: 50px;
margin-top:0px;
margin-bottom:0px;*/}


.descy {
-moz-border-radius: 0px 0px 50px 50px;
border-radius: 0px 0px 50px 50px;
background-color:#c2d39d;
margin-top:0px;
margin-left:10px;
width:493px;
padding:8px;
padding-left:15px;
padding-right:15px;
margin-bottom:8px;
text-align:justify;
line-height: 11px;}

.headboxtitle2 {
-moz-border-radius: 50px;
border-radius: 0px 0px 50px 50px;
background-color:#c2d39d;
width:100px;  padding:12px;
margin-top:0px;
padding-left:15px;
padding-right:15px;
margin-left:10px;
margin-right:10px;
text-align: center}

/* DEBUT Partie CSS de la Page d Accueil */

/*********************************** PA ***********************************/

/*** PARTENAIRES ET TOPS ***/
.img_partenaires {
 opacity: 0.5;
}

.img_partenaires:hover {
 opacity: 1;
}



/*** IMAGES DU STAFF ***/

.imgPA {
 border-radius: 50%;
 width: 100px;
 height: 100px;
}

.info {
 position: relative;
 z-index: 24;
 text-decoration: none;
}

c.info:hover {
 z-index: 25;
}

c.info span {
 display: none;
}

c.info:hover span {
 display: block;
 position: absolute;
 top: -9.3em;
left: -0.3em;
 border-radius: 50%;
 width: 105px;
 height: 105px;
 background-color: #0D0D0D;
 color: #F3F3F3;
 text-align: center;
 font-weight: none;
}



/*** IMAGES DES PREDEFINIS ***/
.imgwidget {
 border-radius: 50%;
 width: 100px;
 height: 100px;
 -moz-transition-duration: 1s;
 -moz-transition-timing-function: linear;
 -webkit-transition-duration: 1s;
 -webkit-transition-timing-function: linear;
 transition-duration: 1s;
 transition-timing-function: linear;
}

.imgwidget:hover {
 border-radius: 50%;
 width: 100px;
 height: 100px;
 -moz-transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}

.info {
 position: relative;
 z-index: 24;
 text-decoration: none;
}

d.info:hover {
 z-index: 25;
}

d.info span {
 display: none;
}

d.info:hover span {
 display: block;
 position: absolute;
 top: -2em;
left: -2em;
 width: 140px;
 height: 50px;
 overflow: auto;
 background-color: #fafef2;
 color: #000000;
 text-align: center;
 font-weight: none;
}



/*** EFFET DU CONTEXTE ***/

.contexte {
 width: 400px;
 height: 200px;
 overflow: hidden;
 background-color: #fafef2;
 border-radius: 25px;
 position: relative;
 top: -2.2em;
}
   
.contexte_img {
 position: relative;
 z-index: 2;
 width: 400px;
 height: 200px;
 margin-left: 0px;
 transform: all;
 -moz-transform: all;
 -o-transform: all;
 -htm-transform: all;
 -webkit-transform: all;
 -transition: 1s;
 -moz-transition: 1s;
 -o-transition: 1s;
 -htm-transition: 1s;
 -webkit-transition: 1s;
}

.contexte:hover .contexte_img {
 margin-top: -200px;
 transform: all;
 -moz-transform: all;
 -o-transform: all;
 -htm-transform: all;
 -webkit-transform: all;
 transition: 1s;
 -moz-transition: 1s;
 -o-transition: 1s;
 -htm-transition: 1s;
 -webkit-transition: 1s;
}
   
.contexte_description {
 position: relative;
 z-index: 1;
 width: 350px;
 height: 140px;
 color: #000000;
 padding: 25px;
 text-align: justify !important;
 font-size: 11px;
 overflow: auto;
}

.contexte_description a {
 text-decoration: none !important;
}



/*** SYSTEME D'ONGLETS ***/

.paonglet {
 display: inline-block;
 margin-left: 20px;
 margin-right: 20px;
 padding: 10px;
 cursor: pointer;
 background-color: #e1ca94;
 color: #fafef2;
}
           
.paonglet_0 {
 border-radius: 25px;
}

.paonglet_1 {
 border-radius: 25px;
 color: #fafef2;
}

.contenu_paonglet {
 padding: 25px;
 display: none;
 width: 780px;
 height: 450px;
 border-radius: 25px;
 background-color: #e1ca94;
}

.contenu_paonglet a{
 text-decoration: none !important;
}



/*** BLOC DE TEXTE DE LA PA ***/

.bloc_pa {
 background-color: #fafef2;
 border-radius: 25px;
 color: #e1ca94;
 padding: 25px;
 text-align: justify !important;
 position: relative;
 top: -2.2em;
}

.bloc_pa a {
 text-decoration: none !important;
 color: #70A0BA !important;
}

/*** TITRES DES BLOCS ***/

.titre_pa {
 font-family: 'Pacifico', 'cursive';
 font-size: 30px;
 position: relative;
 top: -0.3em;
 color: #7fa924;
 z-index: 1;
}

.titre_pa:hover {
 color: #70A0BA;
}

/* FIN Partie CSS de la Page d Accueil */


.souforums{
font-variant: small-caps ;
text-align: Left;
 padding-left: 38px;

}

Merci d'avance


Dernière édition par Shanatracy le Mar 13 Mai 2014 - 23:26, édité 1 fois

Shanatracy
*

Messages : 35
Inscrit(e) le : 10/09/2013

Http://encour.forumactif.com
Shanatracy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme apparence categorie

Message par Neptunia le Mar 13 Mai 2014 - 23:04

Bonjour ^^


Right Sous forum sur plusieurs lignes et non sur 1 seule (Sujet d'origine)

Pour ma part je ne reproduis pas le souci avec mon navigateur donc je vais avoir du mal à comprendre ce qui cloche

Toutefois je pense avoir fait une 'tite erreur hier.

Essaie de remplacer
Code:
<tr><td><div class="souforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></td></tr>

par

Code:
<tr><td colspan="2"><div class="souforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></td></tr>
avatar

Neptunia
Membre actif

Féminin
Messages : 13526
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme apparence categorie

Message par Shanatracy le Mar 13 Mai 2014 - 23:25

En plein dans le mil, c'était bien sa Smile
Merci beaucoup

Shanatracy
*

Messages : 35
Inscrit(e) le : 10/09/2013

Http://encour.forumactif.com
Shanatracy 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