Sous forum sur plusieurs lignes et non sur 1 seule

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

Résolu Sous forum sur plusieurs lignes et non sur 1 seule

Message par Shanatracy le Lun 12 Mai 2014 - 20:47

Bonsoir ,

voila je viens vous demander de l'aider pour une version précédentes j'avais enlever l'apparition des liens des sous forum dans mes categories . J'ai réussit a les re-intégrer mais le probleme et que sur 2 forums il ne sont pas sur une seule ligne
voici une capture car je ne sais pas si tout le monde va me comprendre lol

Spoiler:




Merci d'avance pour votre aide .


Dernière édition par Shanatracy le Mar 13 Mai 2014 - 3:37, é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: Sous forum sur plusieurs lignes et non sur 1 seule

Message par Neptunia le Lun 12 Mai 2014 - 22:16

Bonjour ^^

Vous avez sans doute spécifié une largeur trop petite pour la liste des sous-forums.

Pourrions nous avoir svp ?
- Le contenu de votre template index_box
- Le contenu de votre feuille CSS
- L'url du forum concerné

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sous forum sur plusieurs lignes et non sur 1 seule

Message par Shanatracy le Mar 13 Mai 2014 - 0:02

le forum
http://sydney-siders.forumactif.org/

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>

<div class="souforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>


<td valign="top">
<div class="headboxtitle2"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></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 */

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


.souforums{
font-variant: small-caps ;
text-align: Left;
}

merci Smile

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: Sous forum sur plusieurs lignes et non sur 1 seule

Message par Neptunia le Mar 13 Mai 2014 - 0:42

Après un coup d’œil rapide, le souci ne semble venir ni du template ni du css mais du nom de vos sous-forums.

Certains comportent :
Code:
<span class="description">Nom du fofo</span>
et ça passe, bien que la class .description ne soit pas ou plus utilisée par votre CSS.

D'autres comportent :
Code:
<div class="description">Nom du fofo</div>
et cela provoque le saut de ligne sur les sous-fofo qui suivent.

Soit vous mettez du span partout. Soit vous enlevez carrément ces identifiants s'ils ne servent plus à rien.

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sous forum sur plusieurs lignes et non sur 1 seule

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

d'accord merci Smile

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: Sous forum sur plusieurs lignes et non sur 1 seule

Message par Shanatracy le Mar 13 Mai 2014 - 1:27

double post desoler mais en regardant j'ai remarquer que mes sousforum était décalé vers le haut
exemple livre dor et au dessus du forum qui lui correspond vis versa pour les autres

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: Sous forum sur plusieurs lignes et non sur 1 seule

Message par Neptunia le Mar 13 Mai 2014 - 2:03

Remplacez dans votre template :

Code:
<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>

<div class="souforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>


<td valign="top">
<div class="headboxtitle2"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td></tr>
<!-- END forumrow -->

par :

Code:
<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>
</table>
</td>
</tr>
<tr><td><div class="souforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></td></tr>
</table>
</td></tr>
<!-- END forumrow -->




Et une 'tite suggestion de ma part.
A la fin de votre css remplacez :
Code:
.souforums{
font-variant: small-caps ;
text-align: Left;
}

par :

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

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sous forum sur plusieurs lignes et non sur 1 seule

Message par Shanatracy le Mar 13 Mai 2014 - 2:57

J'ai fait ce que vous m'avez dit et je me retrouve avec cela, quand je remet mon ancienne partie du template les sous forum sont bien aligné mais toujours ce probleme de décalage livre d'or au dessu du forum destiné et vis versa pour les autres



Dernière édition par Shanatracy le Mar 13 Mai 2014 - 3:35, é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: Sous forum sur plusieurs lignes et non sur 1 seule

Message par Neptunia le Mar 13 Mai 2014 - 3:32

J'ai fait une erreur dans mon précédent code (rédigé à main levée sans le tester)

J'avais placé le <tr> ... </tr> supplémentaire au mauvais endroit, ce qui fait que les sous-forums étaient complètement à gauche sous l'icône de statut des messages.

Remplacez tout votre index_box par celui-ci :

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="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 -->

Mais je ne suis pas certain de bien avoir compris le souci.
Avec votre template, les sous-forums apparaissaient au dessus de leur catégorie.
Avec le mien ils apparaissent en dessous.

C'est bien cela que vous souhaitez ?

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sous forum sur plusieurs lignes et non sur 1 seule

Message par Shanatracy le Mar 13 Mai 2014 - 3:37

Sa marche correctement, merci infiniment Smile

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