Problème de mise en page dans la description des forums

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

Résolu Problème de mise en page dans la description des forums

Message par Ambroisine le Dim 21 Aoû 2011 - 14:56

Bonjour ^^

J'ai un petit soucis de mise en page dans le descriptif des forums ^^' ça fait un moment que je bidouille dans tous les sens mais j'arrive pô à y arriver T__T

La description des forums se compose d'une image placée sur la gauche et du texte calé à droite de l'image. Mon problème, c'est que ce bloc image/texte n'est pas du tout centré à l'intérieur du bloc de description... J'ai fait une capture d'écran pour mieux visualiser parce qu'il m'arrive de mal m'expliquer ^^' :



j'ai bien essayé d'appliquer les explications données ici en adaptant les codes dans le css mais j'ai fait choux blancs... Les codes, ils m'aiment pô Rolling Eyes lol

Donc voilà ^^ Merci à qui pourra me venir en aide ^^

Ambroisine
*

Messages : 37
Inscrit(e) le : 07/03/2010

http://www.google.fr/ig?brand=SVEE&bmod=SVEE
Ambroisine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en page dans la description des forums

Message par Ambroisine le Lun 22 Aoû 2011 - 13:45

Up ^^

Rooooh personne ne peut résoudre mon problème ? *sniffff*

Ambroisine
*

Messages : 37
Inscrit(e) le : 07/03/2010

http://www.google.fr/ig?brand=SVEE&bmod=SVEE
Ambroisine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en page dans la description des forums

Message par SoraNoHime le Lun 22 Aoû 2011 - 14:07

Bonjour

puis-je avoir : votre template index_box s'il est modifié, un exemple de ce que vous mettez dans votre description, votre css en rapport avec les catégories ?

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en page dans la description des forums

Message par Ambroisine le Mar 23 Aoû 2011 - 13:35

Bonjour, Macema et merci d'avoir répondu ^o^

Voici donc 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}

         {CURRENT_TIME}

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

         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

         <!-- 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="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></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 class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <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}>
                 <span class="genmed"><div class="forums-desc">{catrow.forumrow.FORUM_DESC}</div></span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <!-- BEGIN forum_link_no -->
      
      <td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>


        <span class="gensmall">{catrow.forumrow.POSTS} messages - {catrow.forumrow.TOPICS} sujets</span>


      </td>
      <!-- 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="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


Le css :

Code:
#fa_ticker_block {margin-left: 90px; margin-top: 50px!important;max-width: 750px !important;}

body
{
background-repeat: repeat-y;
background-position: top center;
}

a.mainmenu { margin-top: -175px !important; text-shadow: 1px 2px 2px #c4750a; text-decoration: none !important; font-family: "Times New Roman";font-size:16px;font-style:bold;}

.bodylinewidth
{
max-width: 900px;
margin: auto;
}

a
{
outiline: none;
}

#i_logo
{
margin-top: -18px;
margin-bottom: -150px;
}

#page-body
{
width: 900px;
background-repeat: repeat-y;
margin: auto;
}

.forumline
{
max-width: 900px;
margin: auto;
-moz-border-radius: 10px;
border: 1px solid #c4750a;
padding: 4px;
}

table
{
max-width: 900px;
margin: auto;
}

.cattitle
{
display: block;
font-variant: small-caps;
text-align: center;
}

th
{
text-align: center;
font-variant: small-caps;
}

a.forumlink
{
display: block;
text-align: left;
margin-left: 5px;
margin-right: 2px;
margin-bottom: 6px;
margin-top: -2px;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 5px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-radius: 0px 0px 10px 10px;

font-weight: normal;
font-style:
}

.forums-desc {
padding-bottom: 3px;
margin-bottom: 7px;
padding-top: -10px;
margin-top: -14px;
}

a.forumlink:hover
{
text-decoration: none !important;
letter-spacing: 2px;
font-variant: small-caps;
font-weight: bold;
}



.quote
{
border: 3px solid #688583;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 4px;
text-align: justify;
font-style: italic;
}

.code
{border: 3px solid #688583;
padding: 4px;
}

.spoiler_closed {
display:block;
border: 3px solid #688583;
-moz-border-radius: 20px;
border-radius: 20px;
padding: 4px;
   }
.spoiler_closed.hidden {
   display:none;
   }
.spoiler_content {
display:block;
border: 3px solid #688583;
-moz-border-radius: 20px;
border-radius: 20px;
padding: 4px;
   }


Et enfin le texte (qui sera modifié, j'ai fait ça fissa ^^') :

Spoiler:
Un règlement, c'est contraignant... Et fastidieux à lire... Mais il faut en passer par là pour bien comprendre le fonctionnement du forum. Chaque visiteur qui envisage de nous rejoindre se doit d'aller y jeter un coup d'œil.


S'il vous faut quoi que ce soit d'autre, n'hésitez pas à demander ^^

Merci d'avance ^^

Ambroisine
*

Messages : 37
Inscrit(e) le : 07/03/2010

http://www.google.fr/ig?brand=SVEE&bmod=SVEE
Ambroisine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en page dans la description des forums

Message par SoraNoHime le Mar 23 Aoû 2011 - 14:09

Déà à cet endroit :
Code:
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
vous pouvez retirez le
Code:
<br/>

Il faudra revoir peut être la css de ce code
Code:
.forums-desc {
padding-bottom: 3px;
margin-bottom: 7px;
padding-top: -10px;
margin-top: -14px;
}

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de mise en page dans la description des forums

Message par Ambroisine le Mar 23 Aoû 2011 - 15:10

Merciii *___*

J'ai retiré le <br/> dans le template et j'ai carrément supprimé la css ".forums-desc etc..."

Le résultat est nickel chrome ^o^

Encore merci Macema ^^

Ambroisine
*

Messages : 37
Inscrit(e) le : 07/03/2010

http://www.google.fr/ig?brand=SVEE&bmod=SVEE
Ambroisine 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