Un espace inexplicable au milieu des catégories + description et dernier message non aligné

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

Résolu Un espace inexplicable au milieu des catégories + description et dernier message non aligné

Message par cbdb le Mer 24 Aoû 2011 - 0:16

Bonsoir à tous, et oui c'est encore moi,

Je crois que ma version test n'aime pas beaucoup devoir quitter son petit forum d'essaie pour se lancer dans la vrai vie. J'ai plusieurs soucis, et pas des moindres, j'espère que l'on pourra m'aider. Tout vient en réalité d'un problème de comptabilité d'un navigateur à l'autre, après avoir bidouillé le CSS et corriger les erreurs majeures, je vous avoue que pour le coup je sèche sur deux choses.

  • Petit 1, un blanc au milieu de mes descriptions de forum. Plus important sur firefox que sous Chrome. Voila l’aperçu. Je cherche donc a réduire ses écarts inexplicable, en tout cas après mainte recherche je ne les explique pas, surtout que sur mon forum test rien de tout cela n'apparaissait.




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 --><center><div class="titrecat">{catrow.tablehead.L_FORUM}</div></center><table class="categorie" width="100%" border="0" cellspacing="0" cellpadding="0">
  <!-- 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="80%">
        <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">
       
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="middle" width="80%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
      <center>      <span class="forumlink">
        <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                  </h{catrow.forumrow.LEVEL}></center>
        <center><div class ="description"><center><div class="liensousforum">  {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div> </center></span>

<blockquote>{catrow.forumrow.FORUM_DESC}</blockquote></center><td class="row2 over" valign="middle" height="50" width="20%"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
<div class="derniermessage">  <span class="gensmall"><b>{catrow.forumrow.TOPICS} discussioni </b>con <b>{catrow.forumrow.POSTS} notizie</b><br>
  {catrow.forumrow.LAST_POST}</span></div>
</div>  </td> </td> 
  </tr></center>
  <!-- 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 -->

CSS
Code:
  /* CODE DE BASE DU FORUM */

/* Menu navigation */

a.mainmenu img {
display:none; } /* enlève les images du menu */

a.mainmenu {
color: #F8A862;
text-shadow: #F8A862 0px 0px 3px;
text-transform: uppercase;
font-family:Lucida Handwriting;
}

a.mainmenu:hover {
color: #E7B468;
text-shadow: #E7B468 0px 0px 3px;
text-transform: lowercase;
font-family:Lucida Handwriting;
}

/* ENLEVER ESPACE AU SOMMET ET BAS DE PAGE */

body {
margin-top:-5px;
margin-bottom:-10px; }

/* ENLEVER TOUS LES SOULIGNEMENTS */

a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}

/* JUSTIFIER LES MESSAGES*/

.postbody, td.row1 span.gensmall {
text-align: justify !important;
display: block; }

/* JUSTIFICATION ET MARGE AUTO */

.postbody {
    padding-left: 15px;
    padding-right: 15px; }

                                                        /* CODE MODIFIABLE A CHAQUE VERSION */

/* HEADER DE FOND CODAGE */

body {
background-color: #E5DEC4;
background-image: url("http://img718.imageshack.us/img718/3922/cittaeterna.jpg");
background-repeat:no-repeat
}

/* TITRE CATEGORIE*/

.titrecat {
width: 80%;
background:#F9F5F2;
border-left: 5px solid #D4CA16;
border-right: 5px solid #D4CA16;
height: 35px;
text-transform: uppercase;
}

/*FORUM TITRE */

a.forumlink {
margin-bottom:-1px;
color: #E7B75B!important;
text-shadow; #F8F2BB 0px 0px 4px;
font-family: freestyle script;
font-weight: bold;
letter-spacing:-2px;
text-transform:lowercase;
padding-left: 15px;
font-size: 48px;
/padding-bottom: 20px;}

a.forumlink:hover{
margin-bottom:-1px;
color: #F3E09E!important;
text-shadow: #F8F2BB 0px 0px 4px;
font-family: freestyle script;
font-weight: bold;
letter-spacing:-2px;
text-transform:lowercase;
padding-left: 15px;
 font-weight: italic;
font-size: 48px;
}

/*FORUM DERNIER MESSAGES */

.derniermessage {
text-align: center;
background-color: #F3ECE4;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
line-height: 10px;
width: 150px;
-moz-box-shadow: 1px 1px 0px #f2e8d3;
-webkit-box-shadow: 1px 1px 0px #f2e8d3;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 20px;
margin-right: 5px;
margin-bottom: 5px;
margin-top: -20px;
border: 2px solid;
border-color: #D4CA16;
}

.lol  {
color: white;
font-family: times new roman;
font-size: 20px;
font-style: italic;
text-transform: lowercase;
text-decoration: none;
letter-spacing: -3px;
font-weight: bold;}

/* SOUSFORUM */

.liensousforum a {
text-align: center;
color: #D2D33F;
font-family: Tahoma;
font-size: 11px;
text-shadow: #CBCACA 1px 1px 2px;
font-stretch: ultra-condensed;
letter-spacing: -1px;
text-transform: uppercase;
font-style: normal;
}

.liensousforum a:hover {
color: #F7ECD8;
letter-spacing: 0px;
font-weight: bold;}

/* DESCRIPTION */

.description {
font-size: 11px;
text-align: justify;
line-height: 11px;
background: #F1EFE3;
border-right: 5px solid #D4CA16;
border-left: 5px solid #D4CA16;
-moz-box-shadow: 2px 2px 4px #71726F;
-webkit-box-shadow: 2px 2px 4px #71726F;
box-shadow: 2px 2px 4px #71726F;
height: 110px;
overflow: auto;
overflow-x: auto;
overflow-y: auto;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 25px;
padding-right: 25px;
margin-right: 30px;
margin-left: 30px;
margin-top: -13px;
}

/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
   .description {
margin-top: -73px;
}

}

/* QEEL */

.titreqeel {
line-height: 30px;
text-align: center;
font-weight: bold;
FONT-SIZE: 35px;
FONT-FAMILY: arial;
FONT-STYLE: italic;
color: #D4CA16;
LETTER-SPACING: -3px;
TEXT-TRANSFORM: lowercase;
text-shadow: 0px 0px 1px; }

.co{
line-height: 20px;
text-align: center;
font-weight: bold;
FONT-SIZE: 20px;
FONT-FAMILY: arial;
FONT-STYLE: italic;
color: #D4CA16;
LETTER-SPACING: -3px;
TEXT-TRANSFORM: lowercase;
text-shadow: 0px 0px 1px; }

.encadrement {
height: auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
line-height: 11px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 15px;
padding-top: 15px;
margin-right: 5px;
margin-bottom: 5px;
margin-top: -20px;
-moz-box-shadow: 1px 1px 0px #f2e8d3;
-webkit-box-shadow: 1px 1px 0px #f2e8d3;
border: 2px solid;
border-color: #D4CA16;
}

.encadrement2 {
border-right: 3px solid #D4CA16;
border-left: 3px solid #D4CA16;
border-shadow: 0px 0px 1px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 15px;
padding-top: 15px;
margin-right: 5px;
margin-bottom: 5px;
margin-top: -20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-align: justify;
padding: 10px;
margin: 2px;
}

.tableauqueel {
background-color: #F9F5F2;
border-left: 5px solid #D4CA16;
border-right: 5px solid #D4CA16;
-moz-box-shadow: 2px 2px 4px #71726F;
-webkit-box-shadow: 2px 2px 4px #71726F;
box-shadow: 2px 2px 4px #71726F;}

.copy{
text-align: justify;
height: 50px;
overflow: auto;
overflow-x: auto;
overflow-y: auto;}

.separateur{
border: 1px double #C4C195;
width: 200px;
margin-left: auto;
margin-right: auto;}

.separateur2{
border: 1px double #C4C195;
width: 350px;
margin-left: auto;
margin-right: auto;}

.groupes{
line-height: 20px;
text-align: center;
font-weight: bold;
FONT-SIZE: 25px;
FONT-FAMILY: arial;
FONT-STYLE: italic;
LETTER-SPACING: -2px;
TEXT-TRANSFORM: lowercase;
text-shadow: 0px 0px 1px; }

/* PA */

.pa-titre {
line-height: 30px;
text-align: center;
font-weight: bold;
FONT-SIZE: 35px;
FONT-FAMILY: arial;
FONT-STYLE: italic;
color: #D4CA16;
LETTER-SPACING: -3px;
TEXT-TRANSFORM: lowercase;
text-shadow: 0px 0px 1px;
}

l1 {
color: #BDBE49;
font-family: time new roman;
text-transform: uppercase !important;
font-size: 10px;
font-weight: bolder;
}

.contourdescrip {
background: #F1EFE3;
border-right: 5px solid #D4CA16;
border-left: 5px solid #D4CA16;
-moz-box-shadow: 2px 2px 4px #71726F;
-webkit-box-shadow: 2px 2px 4px #71726F;
box-shadow: 2px 2px 4px #71726F;}

.texte{
font-size: 11px;
text-align: justify;
line-height: 11px;}

a.lien{
color: #D4CA16;
font-weight: bold;
font-size: 11px;}

.legend{
font-weight: bolder;
FONT-SIZE: 25px;
FONT-FAMILY: arial;
letter-spacing:-2px;
color: #D4CA16;}

.image {
width: 50px;
height: 50px;
border: 1px solid #AF91A4;
padding: 2px;
border-radius: 3px 3px 3px 3px;
}
 

  • Petit 2, impossible d'aligner la description du forum, le lien du forum sur la même ligne que les derniers messages, si quelqu'un avait la solution je lui construirais un temple en guimauve.


Actuellement :



Ce que j'aimerais



MERCI a tous pour votre aide. Cordialement,Pow


Dernière édition par cbdb le Ven 26 Aoû 2011 - 18:07, édité 1 fois

cbdb
Nouveau membre

Messages : 27
Inscrit(e) le : 06/08/2011

http://vapore-dei-sospiri.bbactif.com/
cbdb a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un espace inexplicable au milieu des catégories + description et dernier message non aligné

Message par Lixyr le Mer 24 Aoû 2011 - 12:47

Bonjour.

Je n'ai pas d'espace personnellement. Puis-je avoir le lien vers le forum concerné ?

Pour ce qui est des statistiques, elles sont en fait bel et bien centrées, mais par rapport à la cellule globale, pas par rapport à la description. Il faudrait donc mettre un padding, dans le template.

Essayez comme ça :

<td class="row2 over" valign="middle" height="50" width="20%" style="padding-top:20px;"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
<div class="derniermessage"> <span class="gensmall"><b>{catrow.forumrow.TOPICS} discussioni </b>con <b>{catrow.forumrow.POSTS} notizie</b><br>
{catrow.forumrow.LAST_POST}</span></div>
</div> </td>

vous aurez juste à modifier la valeur 20 par celle qui vous convient.

Cordialement.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un espace inexplicable au milieu des catégories + description et dernier message non aligné

Message par cbdb le Mer 24 Aoû 2011 - 15:26

Merci je vais tenter ça tout de suite

le forum concerné, des différences plus ou moins grandes apparaissent sous Firefox et Google Chrome

http://citta-eterna.bbactif.com/

Merci pour votre aide.

EDIT : le code a rien changé dans l'alignement des catégories.

cbdb
Nouveau membre

Messages : 27
Inscrit(e) le : 06/08/2011

http://vapore-dei-sospiri.bbactif.com/
cbdb a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un espace inexplicable au milieu des catégories + description et dernier message non aligné

Message par Lixyr le Mer 24 Aoû 2011 - 22:04

Like a Star @ heaven Tu as bien enregistré le template ?
Avec un 40px, on voit mieux la différence.

Regarde ce que ça donne chez moi : http://dying-to-bleed.rpg-dynasty.com/forum

Like a Star @ heaven tu n'aurais pas un
Code:
<br>
ou quelque chose, dans le titre de tes forums ?

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un espace inexplicable au milieu des catégories + description et dernier message non aligné

Message par cbdb le Mer 24 Aoû 2011 - 23:20

Oui j'ai bien enregistré, j'ai vérifiée auprès de l'admin pour qui je code ce forum et chez elle non plus rien a bougée.

Non pas de BR dans les titres des forum.

Sur ma Version test tout marche alors on ne comprends pas trop ni elle ni moi

http://testvapore.superforum.fr/

cbdb
Nouveau membre

Messages : 27
Inscrit(e) le : 06/08/2011

http://vapore-dei-sospiri.bbactif.com/
cbdb a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un espace inexplicable au milieu des catégories + description et dernier message non aligné

Message par Ea le Mer 24 Aoû 2011 - 23:38

Bonjour,


Si je regarde la template du premier post :

Code:
</tr></center>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
Déjà il y a ce </center> qui se balade on ne sait où à l'intérieur du tableau mais en dehors d'une ligne.

Aussi là :

Code:
  <center><div class ="description"><center><div class="liensousforum">  {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div> </center></span>
 
<blockquote>{catrow.forumrow.FORUM_DESC}</blockquote></center><td class="row2 over" valign="middle" height="50" width="20%">
Il y a tout des trucs bizarroïdes avant un <td> un td c'est une case de tableau, avant il y a soit un début de ligne ( <tr> ) ou une fin d'une autre case ( </td> ) mais pas des center blockquote et autres trucs du style =O

Code:
</div>  </td> </td> 
  </tr></center>
Là 2 fermeture de case ce n'est pas possible non plus... enfin de ces erreurs y'a probablement une balise qui génère un espacement qui se retrouve en dehors d'une case ( <td> contenu d'une case </td> ) et ce qui est comme ça en dehors d'une case le navigateur l'affiche au dessus du tableau ce qui provoque probablement votre espacement.

Sinon j'ai regardé le dom et ça à l'air bizarre ces liens et center imbriqués :
https://i48.servimg.com/u/f48/16/78/05/90/qqq10.png

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

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

Résolu Re: Un espace inexplicable au milieu des catégories + description et dernier message non aligné

Message par cbdb le Jeu 25 Aoû 2011 - 10:18

J'ai essayé de modifier tout cela mais ça n'a rien changé, je suis revenu au template de départ pour le coup parce qu'au contraire ca déformait l'intérieur de mes descriptions. J'ai ôté les center, cherchée les balises non fermées, rien n'a fonctionné. Peut être je m'y prends mal, je sais pas, en fait je comprends pas comment sur mon forum test ça marchait et pas sur le forum destiné a accueillir le design

cbdb
Nouveau membre

Messages : 27
Inscrit(e) le : 06/08/2011

http://vapore-dei-sospiri.bbactif.com/
cbdb a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un espace inexplicable au milieu des catégories + description et dernier message non aligné

Message par Lixyr le Jeu 25 Aoû 2011 - 10:28

Justement, les trucs bizaroïdes de ce style-là, je n'y touche plus, maintenant. Trop peur de me prendre la tête et de tout enlever. Mais je vais regarder votre template et le corriger. J'éditerai mon message pour vous donner un template fonctionnel. On verra si ça change quelque chose de votre côté.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un espace inexplicable au milieu des catégories + description et dernier message non aligné

Message par cbdb le Jeu 25 Aoû 2011 - 10:51

Merci infiniment !

cbdb
Nouveau membre

Messages : 27
Inscrit(e) le : 06/08/2011

http://vapore-dei-sospiri.bbactif.com/
cbdb a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un espace inexplicable au milieu des catégories + description et dernier message non aligné

Message par cbdb le Ven 26 Aoû 2011 - 18:07

J'ai résolue toute seule mon problème en bidouillant ! Merci de votre aide !

cbdb
Nouveau membre

Messages : 27
Inscrit(e) le : 06/08/2011

http://vapore-dei-sospiri.bbactif.com/
cbdb 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