Marge autour de l'image titre des catégories.
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Marge autour de l'image titre des catégories.
Bonjour à tous !
Je viens poster mon premier message ici pour vous demander votre aide afin de supprimer cette marge récalcitrante ! Voila en image ce que ça donne.
Il s'agit donc de ce liseré beige autour de l'image. C'est la couleur de fond de la structure du forum. A savoir qu'évidemment, ce n'est pas une bordure, je n'en ai pas mis.
J'ai placé l'image directement dans le titre des catégories, je n'ai trouvé aucun autre moyen encore d'avoir une image différente à chaque fois.
J'ai tenté de réduire toutes les marges à zéro, j'ai aussi bidouillé maladroitement pour extraire le titre des catégories en dehors de la table forumline mais pour le moment rien ne marche !
A part ça je n'ai pas touché à grand chose, mais si mes templates ou ma css peut vous être utile, je peux vous la donner !
En espérant que tout ça est à peu près clair...
Merci d'avance à vous !
Je viens poster mon premier message ici pour vous demander votre aide afin de supprimer cette marge récalcitrante ! Voila en image ce que ça donne.
- Spoiler:
Il s'agit donc de ce liseré beige autour de l'image. C'est la couleur de fond de la structure du forum. A savoir qu'évidemment, ce n'est pas une bordure, je n'en ai pas mis.
J'ai placé l'image directement dans le titre des catégories, je n'ai trouvé aucun autre moyen encore d'avoir une image différente à chaque fois.
J'ai tenté de réduire toutes les marges à zéro, j'ai aussi bidouillé maladroitement pour extraire le titre des catégories en dehors de la table forumline mais pour le moment rien ne marche !
A part ça je n'ai pas touché à grand chose, mais si mes templates ou ma css peut vous être utile, je peux vous la donner !
En espérant que tout ça est à peu près clair...
Merci d'avance à vous !
Dernière édition par Teller le Mer 8 Aoû 2012 - 6:26, édité 1 fois
Re: Marge autour de l'image titre des catégories.
Bonjour !
Tu t'es assuré d'avoir retiré les contours dans la partie Couleurs?
Tu t'es assuré d'avoir retiré les contours dans la partie Couleurs?
Re: Marge autour de l'image titre des catégories.
Bonjour, merci de ta réponse !
En théorie, oui, j'ai enlevé absolument tout les contours. Je pense même avoir mis border: none; a des endroit où ce n'était pas nécéssaire dans le doute. je met ici la partie de ma fiche css concernée au cas ou.
Ce qui est certain c'est que mon image est exactement de la même largeur que celle du forum. Si je réduit la largeur de ce dernier, mon image se réduit elle aussi, en gardant les marges.
Voila ce que j'ai mis pour les titre des catégories. J'ai déjà essayé de mettre border="0" mais ça n'a rien changé. J'ai aussi tenté width="100%" mais cette fois mon image s'est décalée sur la droite en laissant toujours apparente la marge de gauche et celle du dessus.
Et au cas où, même si je ne crois pas avoir changé quelque chose finalement, je met le début de mon template index box.
Merci encore pour votre aide !
En théorie, oui, j'ai enlevé absolument tout les contours. Je pense même avoir mis border: none; a des endroit où ce n'était pas nécéssaire dans le doute. je met ici la partie de ma fiche css concernée au cas ou.
Ce qui est certain c'est que mon image est exactement de la même largeur que celle du forum. Si je réduit la largeur de ce dernier, mon image se réduit elle aussi, en gardant les marges.
- Code:
body {
background-color: #2e2e2d;
background-image: url("http://2img.net/i/fa/empty.gif");
background-attachment: scroll;
margin : 0px;
}
* html {
scrollbar-face-color: #333333;
scrollbar-highlight-color: #707070;
scrollbar-shadow-color: #111111;
scrollbar-3dlight-color: #999999;
scrollbar-arrow-color: #707070;
scrollbar-track-color: #444444;
scrollbar-darkshadow-color: #070707;
}
*+ html {
scrollbar-face-color: #333333;
scrollbar-highlight-color: #707070;
scrollbar-shadow-color: #111111;
scrollbar-3dlight-color: #999999;
scrollbar-arrow-color: #707070;
scrollbar-track-color: #444444;
scrollbar-darkshadow-color: #070707;
}
th,td,p {
font-family: Georgia,serif }
a img {
border: none;
}
/* Links */
/* a:link,a:active,a:visited {
color : #dddddd;
}
*/
a:link{
color: #dddddd;
}
a:visited{
color: #cccccc;
}
a:active{
color: #cccccc }
a:hover{
text-decoration: underline !important;
color : #ffcccc;
}
hr{
height: 0;
border: solid #d7bd91 0;
border-top-width: 1px;
}
.bodyline{
background-color: #none;
border: none;
}
.bodylinewidth {
width:900px}
.forumline{
background-color: #d7bd91;
border: none;
width: 1035px;
}
td.row1,td.row3.over:hover {
background-color: none;
}
td.row2,td.row1.over:hover {
background-color: none;
}
td.row3{
background-color: none;
}
td.rowpic {
background-color: none;
background-image: none;
css}
th {
color: #eeeeee;
font-size: 11px;
font-weight : bold;
background-color: #;
height: 25px;
background-image: none;
padding: 0px;
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: none;
background-color:#;
border: none;
height: 28px;
padding: 0px;
margin: 0px;
}
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold;
border: none;
/*height: 20px;
*/
}
td.row3Right,td.spaceRow {
background-color: #d7bd91;
border: none;
}
td.pourcentback {
background-color : #2e2e2d;
border: none;
}
th.thHead,td.catHead {
font-size: 15px;
border: none;
}
th.thSides,td.catSides,td.spaceRow {
border: none;
}
th.thRight,td.catRight,td.row3Right {
border: none;
}
th.thLeft,td.catLeft {
border: none;
}
th.thBottom,td.catBottom {
border: none;
}
th.thTop {
border: none;
}
th.thCornerL {
border: none;
}
th.thCornerR {
border: none;
}
.maintitle, .maintitle h1{
font-weight: bold;
font-size: 22px;
font-family: Georgia,serif,Georgia,serif;
text-decoration: none;
line-height : 120%;
color : #888888;
}
.forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right {
padding: 0px;
border: none;
}
Voila ce que j'ai mis pour les titre des catégories. J'ai déjà essayé de mettre border="0" mais ça n'a rien changé. J'ai aussi tenté width="100%" mais cette fois mon image s'est décalée sur la droite en laissant toujours apparente la marge de gauche et celle du dessus.
- Code:
<img src="http://image.noelshack.com/fichiers/2012/32/1344250626-cathead-rose.png" />
Et au cas où, même si je ne crois pas avoir changé quelque chose finalement, je met le début de mon template 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}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
Merci encore pour votre aide !
Re: Marge autour de l'image titre des catégories.
Ok mais je comprends pas où tu as mis ton image?
Sinon essaie de rendre la propriété border: none; importante, comme ceci
Sinon essaie de rendre la propriété border: none; importante, comme ceci
- Code:
border: none !important;
Re: Marge autour de l'image titre des catégories.
bonsoir,
comme il y a un espace de chaque coté du titre :
on peut contourner le problème par du CSS :
comme il y a un espace de chaque coté du titre :
<th colspan="3" class="secondarytitle" width="100%" nowrap="nowrap"> <h2><img src="https://2img.net/image.noelshack.com/fichiers/2012/32/1344252548-cathead-renart.png"></h2> </th>
on peut contourner le problème par du CSS :
- Code:
.secondarytitle h2 img{margin:-1px -5px 0 -5px;}
Re: Marge autour de l'image titre des catégories.
Merci à vous deux pour vos réponse,
et un grand merci, Scoubifitz, c'est impecable maintenant
Ce symbole étrange était donc un espace... je le saurai pour la prochaine fois !
Et juste pour répondre à ta questions Mandrell, j'avais mis tout ça dans le champ réservé au titre des catégories.
Encore merci à vous, je met tout ça en résolu !
et un grand merci, Scoubifitz, c'est impecable maintenant
Ce symbole étrange était donc un espace... je le saurai pour la prochaine fois !
Et juste pour répondre à ta questions Mandrell, j'avais mis tout ça dans le champ réservé au titre des catégories.
Encore merci à vous, je met tout ça en résolu !
Sujets similaires
» Marge à supprimer dans les catégories
» Réduire la marge autour du logo
» Réduire la marge au bas des catégories
» Marge icônes et titre+auteur pour les MP
» Fond autour des catégories
» Réduire la marge autour du logo
» Réduire la marge au bas des catégories
» Marge icônes et titre+auteur pour les MP
» Fond autour des catégories
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum