Marge autour de l'image titre des catégories.

3 participants

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

Résolu Marge autour de l'image titre des catégories.

Message par Teller Lun 6 Aoû 2012 - 16:52

Bonjour à tous ! Very Happy

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

Merci d'avance à vous ! Mr. Green


Dernière édition par Teller le Mer 8 Aoû 2012 - 6:26, édité 1 fois
Teller

Teller
Nouveau membre

Masculin
Messages : 6
Inscrit(e) le : 06/08/2012

http://tellatale.forumactif.org/
Teller a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge autour de l'image titre des catégories.

Message par Mandrell Mar 7 Aoû 2012 - 12:51

Bonjour !

Tu t'es assuré d'avoir retiré les contours dans la partie Couleurs?
Mandrell

Mandrell
****

Messages : 209
Inscrit(e) le : 01/03/2010

http://www.good-morning-america.org/
Mandrell a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge autour de l'image titre des catégories.

Message par Teller Mar 7 Aoû 2012 - 16:02

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.

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 ! Mr. Green
Teller

Teller
Nouveau membre

Masculin
Messages : 6
Inscrit(e) le : 06/08/2012

http://tellatale.forumactif.org/
Teller a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge autour de l'image titre des catégories.

Message par Mandrell Mar 7 Aoû 2012 - 19:33

Ok mais je comprends pas où tu as mis ton image?
Sinon essaie de rendre la propriété border: none; importante, comme ceci

Code:
border: none !important;
Mandrell

Mandrell
****

Messages : 209
Inscrit(e) le : 01/03/2010

http://www.good-morning-america.org/
Mandrell a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge autour de l'image titre des catégories.

Message par Scoubifitz Mer 8 Aoû 2012 - 3:44

bonsoir,

comme il y a un espace de chaque coté du titre :

<th colspan="3" class="secondarytitle" width="100%" nowrap="nowrap">&nbsp;<h2><img src="https://2img.net/image.noelshack.com/fichiers/2012/32/1344252548-cathead-renart.png"></h2>&nbsp;</th>

on peut contourner le problème par du CSS :
Code:
.secondarytitle h2 img{margin:-1px -5px 0 -5px;}
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge autour de l'image titre des catégories.

Message par Teller Mer 8 Aoû 2012 - 6:25

Merci à vous deux pour vos réponse,

et un grand merci, Scoubifitz, c'est impecable maintenant What a Face
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 !
Teller

Teller
Nouveau membre

Masculin
Messages : 6
Inscrit(e) le : 06/08/2012

http://tellatale.forumactif.org/
Teller a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum