Espacement catégorie

[Soow*]

Bonjour/Bonsoir.

Voilà depuis quelques temps je suis confrontée à ce problème et j'avoue ne pas trouver de solutions. C'est pourquoi je viens demander de l'aide

Spoiler:

D'après le schéma que j'ai fait, j'aurai aimé pouvoir déplacer mon encadré blanc de la colonne « Derniers messages » vers la gauche ; si possible à un ou deux pixel du tableau de ma catégorie de gauche.
De plus j'aurai aimé savoir s'il était possible d'intégrer mon encadré blanc dans l'autre encadré orangé se trouvant à gauche, pour que ça ne forme qu'une seule catégorie on va dire.

Voici mon template index_box :


Et mon CSS :


Merci d'avance (:

[Invité]

Salut Soow,

je regarde
a++

[Soow*]

Bonjour milouze14 !

Merci beaucoup

[Invité]

Salut,

Dans ta css:
recherches et remplace:

Code:

.cadre {
-moz-box-shadow: 0px 0px 0px #CACACA;
-webkit-box-shadow: 0px 0px 0px #CACACA;
box-shadow: 0px 0px 0px #CACACA;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #FFFFFF;
width:200px;
height:63px;
margin-top:5px;
margin-right:100px;
font-size:12px;
}

Joue avec :
margin-right:100px;
pour éloigner de la bordure droite mettre une valeur supérieure.
pour rapprocher de la bordure droite mettre une valeur inférieure.

Pour ta template
supprime tout le contenu et insères celle-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><!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="5">
<table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span>
</h{catrow.forumrow.LEVEL}></td><td style="padding-left: 40px; text-align: right;" class="gensmall"></td></tr></tbody></table>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
<div style="padding-left:50px;">{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}</div>
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
<!-- BEGIN forum_link_no -->
<td class="row3 over" align="justify" valign="middle" height="30" style="width:80px;">
<div class="cadre" >{catrow.forumrow.POSTS} MESSAGES DANS {catrow.forumrow.TOPICS} SUJETS <br />
<span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
<!-- END forum_link_no --><!-- BEGIN forum_link -->
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}
</span></td>
<!-- END forum_link -->
</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="" alt="{SPACER}" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Valide en cliquant sur
a++

[Soow*]

Ca marche, super
Merci infiniment !!

Ah et autre chose, j'aurai aimé savoir comment faire pour tout fusionner ? C'est à dire, de mettre l'encadré blanc de droite dans celui de gauche. C'est possible ?

[Invité]

Tu peux me donner le lien du forum en question stp?
a++

[Soow*]

Oui, le voici :

[Bella♥]

Je regarde

EDIT :

On n'a répondu avant moi ^^

[Invité]

Le cadre dont tu parles correspond à la description de forum et
par conséquent je ne pense pas pourvoir insérer ton souhait pour l'instant.
Par contre on peut contourner et mettre un contour pour l'ensemble .

a++

[Soow*]

Désolée Bella :/

Milouze, tu entends quoi par ' on peut contourner et mettre un contour pour l'ensemble ' ?

[Invité]

Mettre un cadre général pour l'ensemble

[Soow*]

De ma catégorie tu parles ? Mais ça n'engloberait pas mon titre de catégorie ?
Dans ce cas, je veux bien qu'on teste (:

Merci ♥

[Invité]

Aucun changement sur le reste

Tu peux me donner le contenu de la description de la première catégorie
entre les balises codes cette fois ci

a++

[Soow*]

Je te la donne de suite :

[Invité]

désolé mais je ne peux pas modifier en regroupant
tous les contenus.
Je viens de faire pas mal de tests et le résultat est vraiment pas très joli .
a++

[Soow*]

Merci d'avoir essayé en tout cas C'est très gentil à toi !

J'aurai aussi une autre petite question, toujours par rapport aux catégories. Voilà j'ai un autre soucis - je te dérange une fois de plus - mais je n'arrive pas à ' coller ' les bordures du forum vers la bannière car j'ai mis un code pour ne plus avoir de bordure autour de mon forum mais il ne fonctionne pas apparemment :/
Peut-être est-ce dû à la longueur des catégories ? ... Je ne sais pas ..

[Invité]

qu'entends tu par ta bannière en relation avec les catégories ??
Avec firefox je ne vois pas de bordure visibles .

Une petite capture de ton souhait serait la bienvenue .
a++

[Soow*]

Je suis sous firefox et je remarque la bordure du forum ne ' colle ' pas la bannière :/

Enfaite, il s'agirait plus d'enlever la marge entre le cadre et logo comme sur ce forum : http://theisland.forumakers.com/

[Invité]

Salut,
désolé du retard mais les attractions sont de rigueur en cette période estivales .
Essayons quelque chose pour voir
Dans ta css colle ceci:

Code:

#i_logo
{
border:none;
}


ou alors diminue la largeur de bodyline

Code:

.bodyline
{
width: xx%;*/donne une valeur en pourcentage/*
}

a++

[Soow*]

Salut !
Oh ne t'en fait pas, je comprends parfaitement.
Merci de m'aider à nouveau en tout cas.

J'ai essayé tes codes sauf que ça n'a pas marché alors j'ai fais un peu ' à ma sauce ' et ça a fonctionné ! Merci encore (:

Une dernière petite chose ; si jamais je veux déplacer l'une de mes catégories plus vers la droite .. Comment je m'y prends ? - Si tu ne vois pas de quoi je veux parler, je veux bien te faire un schéma -

[tupac]

Bonsoir

Pour réduire les marges de chaque côté c'était plutôt ce code qu'il te fallait.

Code:


.bodyline{
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}


[Invité]

Une dernière petite chose ; si jamais je veux déplacer l'une de mes catégories plus vers la droite .. Comment je m'y prends ? - Si tu ne vois pas de quoi je veux parler, je veux bien te faire un schéma -

Oui, tu peux toujours les déplacer vers la droite en diminuant les valeurs des class:

Code:

.def et .def:hover 
margin-left:40px;/* pour revenir à droite augmente la valeur*/

Même chose pour :

Code:

.cadre
margin-right:100px;/* diminue la valeur */

a++

[Soow*]

Tupac ; Merci beaucoup ! Oui, c'est vrai que ça aurait été plus judicieux d'utiliser ton code.

Milouze ; Oh super ♥ Encore merci pour tout (:

Je vais éditer mon message.