Espacement catégorie

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

Résolu Espacement catégorie

Message par Soow* le Dim 7 Aoû 2011 - 16:52

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 Arrow
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 (:


Dernière édition par Soow* le Mar 9 Aoû 2011 - 16:13, édité 1 fois

Soow*
**

Messages : 62
Inscrit(e) le : 05/08/2011

Soow* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement catégorie

Message par Milouze14 le Dim 7 Aoû 2011 - 17:09

Salut Soow,

je regarde Wink
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement catégorie

Message par Soow* le Dim 7 Aoû 2011 - 17:14

Bonjour milouze14 !

Merci beaucoup I love you

Soow*
**

Messages : 62
Inscrit(e) le : 05/08/2011

Soow* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement catégorie

Message par Milouze14 le Dim 7 Aoû 2011 - 17:37

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++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement catégorie

Message par Soow* le Dim 7 Aoû 2011 - 17:43

Ca marche, super I love you
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 ?

Soow*
**

Messages : 62
Inscrit(e) le : 05/08/2011

Soow* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement catégorie

Message par Milouze14 le Dim 7 Aoû 2011 - 17:50

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

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement catégorie

Message par Soow* le Dim 7 Aoû 2011 - 18:01

Oui, le voici :


Soow*
**

Messages : 62
Inscrit(e) le : 05/08/2011

Soow* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement catégorie

Message par Bella♥ le Dim 7 Aoû 2011 - 18:23

Je regarde

EDIT :

On n'a répondu avant moi ^^



Dernière édition par Bella♥ le Dim 7 Aoû 2011 - 18:25, édité 1 fois

Bella♥
****

Féminin
Messages : 344
Inscrit(e) le : 14/07/2011

http://diamonds-graph.forumactif.org
Bella♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement catégorie

Message par Milouze14 le Dim 7 Aoû 2011 - 18:24

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 Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement catégorie

Message par Soow* le Dim 7 Aoû 2011 - 18:32

Désolée Bella :/

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

Soow*
**

Messages : 62
Inscrit(e) le : 05/08/2011

Soow* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement catégorie

Message par Milouze14 le Dim 7 Aoû 2011 - 18:33

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

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement catégorie

Message par Soow* le Dim 7 Aoû 2011 - 18:38

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 ♥

Soow*
**

Messages : 62
Inscrit(e) le : 05/08/2011

Soow* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement catégorie

Message par Milouze14 le Dim 7 Aoû 2011 - 18:46

Aucun changement sur le reste Wink

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

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement catégorie

Message par Soow* le Dim 7 Aoû 2011 - 18:54

Je te la donne de suite :

Soow*
**

Messages : 62
Inscrit(e) le : 05/08/2011

Soow* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement catégorie

Message par Milouze14 le Dim 7 Aoû 2011 - 19:34

Embarassed Embarassed 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 Sad .
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement catégorie

Message par Soow* le Dim 7 Aoû 2011 - 19:52

Merci d'avoir essayé en tout cas Razz 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 ..

Soow*
**

Messages : 62
Inscrit(e) le : 05/08/2011

Soow* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement catégorie

Message par Milouze14 le Dim 7 Aoû 2011 - 19:59

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

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

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement catégorie

Message par Soow* le Lun 8 Aoû 2011 - 12:24

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/

Soow*
**

Messages : 62
Inscrit(e) le : 05/08/2011

Soow* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement catégorie

Message par Milouze14 le Lun 8 Aoû 2011 - 19:12

Salut,
désolé du retard mais les attractions sont de rigueur en cette période estivales Very Happy .
Essayons quelque chose pour voir Wink
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++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement catégorie

Message par Soow* le Mar 9 Aoû 2011 - 1:11

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 -

Soow*
**

Messages : 62
Inscrit(e) le : 05/08/2011

Soow* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement catégorie

Message par tupac le Mar 9 Aoû 2011 - 2:40

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;
}

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement catégorie

Message par Milouze14 le Mar 9 Aoû 2011 - 7:13

@Soow* a écrit:
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++



Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement catégorie

Message par Soow* le Mar 9 Aoû 2011 - 16:13

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.

Soow*
**

Messages : 62
Inscrit(e) le : 05/08/2011

Soow* 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