Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Template désarticulé

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

Résolu Template désarticulé

Message par Sorakat le Ven 8 Juin 2012 - 16:30

Bonjour à vous.
Je relance un sujet qui m'a assez posé de soucis pour que j'ai besoin de vos services...

Ce.. "truc" :

A un soucis de taille : la largeur de la première colonne change et s'agrandit à chaque nouvelle catégorie. Ce qui peut tout de même avoir quelques conséquences particulièrement moches.. °tousse°.
Le problème étant que ce soucis n'arrive qu'aux membres connectés, j'aimerai savoir ce qui cloche dans mon template, svp.

Le voici donc :

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="2" cellpadding="0">
<tr>
     <th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle">
            <br/><br/><br/>
            <div style="color:darkkhaki;font-size:30px;"> {catrow.tablehead.L_FORUM} </div>
          </th>
</tr>
<!-- END tablehead -->
   <!-- BEGIN cathead -->
<tr>
   <!-- BEGIN inc -->
  <td class="{catrow.cathead.inc.INC_CLASS}"><img src="{SPACER}" height="0"/>
  </td>
   <!-- END inc -->
  <td class="{catrow.cathead.CLASS_CAT}" 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>
   <!-- END cathead -->

</tr>
<!-- BEGIN forumrow -->
<tr>
        <td colspan="2" nowrap="nowrap" valign="bottom">
    <h{catrow.forumrow.LEVEL} class="hierarchy">
        <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
            {catrow.forumrow.FORUM_NAME}
        </a>
    </h{catrow.forumrow.LEVEL}>
        </td>
</tr>
<tr>
  <td class="cadre1"> 
      <table border="0">
        <tr>
          <td align="center" valign="middle">
          <img style="margin-right:-152px !important;" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
          </td>
      <!-- BEGIN forum_link_no -->
          <td width="100%" valign="middle" align="center">
            <div class="gensmall" style="width:145px;margin-top:8px;color:#dec990 !important;text-shadow:1px 1px 2px black;">
          {catrow.forumrow.LAST_POST}
            </div>
          </td>           
      <!-- END forum_link_no -->
        </tr>
      </table>     
  </td>       
  <td class="cadre2" valign="top">
      <table width="100%">
        <tr>
            <td> 
          <span class="genmed" style="color:#02190e !important;">{catrow.forumrow.FORUM_DESC}</span>
            </td>
        </tr>
        <tr>
            <td>
              <div class="gensmall" style="color:#02190e !important; text-align:left;margin-top:-5px;color:4a3e2e !important;padding-left:10px;padding-bottom:5px;">
                Cette région détient {catrow.forumrow.POSTS} messages répartis dans {catrow.forumrow.TOPICS} topiques.
              </div>
            </td>
        </tr>
        <tr>
            <td valign="bottom">
              <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            <div style="margin-bottom:-2px;margin-top:-3px;text-align:center;">
              {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
            </div>
              </span>
            </td>
        </tr>
      </table>

  </td>   
   
      <!-- BEGIN forum_link -->
  <td class="row3" 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"/></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 -->

Je sais, ce template est particulièrement mal foutu (beh ouais je débute). Mais si vous parveniez à me dire ce qui cloche ce serait sympas, merci d'avance.

Au passage et au cas où voici la feuille css :

Code:
.post /*style du texte affiché dans les posts*/{
  text-align : justify;
  color : ;
  padding-left:20px;
  padding-right:20px;
}

 body{ 
  background: #300B0C url('http://img215.imageshack.us/img215/4236/bantop.png') 50% 0% fixed !important;}

div, table { }

img{padding:5px;}


a {
  text-decoration:none !important;
  text-shadow:1px 1px 2px black;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}

a:hover {
  text-decoration:none !important;
  text-shadow:2px 2px 5px #5e1201;
  color: #ebe3ae;
  letter-spacing : 1px;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}

a.forumlink {
  display: block;
  color:khaki !important;
  text-shadow:0px 0px 5px darkred;
  text-align: center;
  text-valign:bottom;
  margin-bottom:-20px;
  margin-left:-20px;
  margin-top:25px;
  padding-right:10px;
  padding-top:15px;
  width:783px;
  height:42px;
  background: url('http://img254.imageshack.us/img254/4605/banone.png') top left no-repeat;
}

a.forumlink:hover {
  display: block;
  text-align: center;
  color:white !important;
  text-shadow:0px 0px 5px khaki;
  margin-top:25px;
  margin-bottom:-20px;
  margin-left:-20px;
  padding-right:10px;
  padding-top:15px;
  width:783px;
  height:42px;
  background: url('http://img254.imageshack.us/img254/4605/banone.png') top left no-repeat;
}



/*---------------------CODES DES CATEGORIES GAUCHE ET DROITE (Page d'accueil)--------------*/

/*-------CATEGORIE 1-----*/
.cadre1 {
  width:145px !important;
  border:3px double #955c44;
  border-left:4px double #ce7357;
  border-top:3px double #d89e60; 
  border-right:4px double #74523b;
  text-align:center;
  background: 10% 50% url('http://img256.imageshack.us/img256/6066/towooo.png') no-repeat;
 
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
 
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
 
  box-shadow: -2px 2px 4px black;
  -webkit-box-shadow: -2px 2px 4px black;
  -moz-box-shadow: -2px 2px 4px black;
  border-radius:20px 0px 0px 20px;
  -moz-border-radius:20px 0px 0px 20px;
  -webkit-border-radius:20px 0px 0px 20px;
}

.cadre1:hover {
  width:145px !important;
  align:center;
  border:3px double #9b7f59;
  border-left:4px double #d4b58b;
  border-right:4px double #d4b58b;
  text-align:center;
  text-color:#9d966d !important;
  color:#9d966d;
  background: 50% 50% url('http://img543.imageshack.us/img543/3429/fond1e.png') no-repeat;
 
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
 
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
 
  box-shadow: -2px 2px 4px black;
  -webkit-box-shadow: -2px 2px 4px black;
  -moz-box-shadow: -2px 2px 4px black;
  border-radius:20px 0px 0px 20px;
  -moz-border-radius:20px 0px 0px 20px;
  -webkit-border-radius:20px 0px 0px 20px;
}

/*-------CATEGORIE 2-----*/

.cadre2 {
  align:center;
  border:3px double #955c44;
  border-right:4px double #ce7357;
  border-top:3px double #d89e60; 
  border-left:4px double #74523b;
  margin-bottom:2px;
  margin-right:35px;
  margin-top:10px;
  padding-left:5px;
  padding-top:2px;
  padding-bottom:-3px;
  color:black;
  text-align:justify;
  background: 95% 50% url('http://img256.imageshack.us/img256/6066/towooo.png') no-repeat;
 
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
 
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
 
  box-shadow: 2px 2px 4px black;
  -webkit-box-shadow: 2px 2px 4px black;
  -moz-box-shadow: 2px 2px 4px black;
  border-radius:0px 20px 20px 0px;
  -webkit-border-radius:0px 20px 20px 0px;
  -moz-border-radius:0px 20px 20px 0px;
}

.cadre2:hover {
  border:3px double #9b7f59;
  border-left:4px double #d4b58b;
  border-right:4px double #d4b58b;
  margin-right:35px;
  margin-top:10px;
  margin-bottom:2px;
  padding-left:5px;
  padding-top:2px;
  text-align:justify;
  text-color:black !important;
  color:black;
  background: 50% 50% url('http://img543.imageshack.us/img543/3429/fond1e.png') no-repeat;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  box-shadow: 2px 2px 4px black;
  -webkit-box-shadow: 2px 2px 4px black;
  -moz-box-shadow: 2px 2px 4px black;
  border-radius:0px 20px 20px 0px;
  -webkit-border-radius:0px 20px 20px 0px;
  -moz-border-radius:0px 20px 20px 0px;
}


Dernière édition par Sorakat le Ven 15 Juin 2012 - 13:06, édité 1 fois
avatar

Sorakat
**

Féminin
Messages : 75
Inscrit(e) le : 03/10/2006

http://ma-85.forumactif.com
Sorakat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Template désarticulé

Message par Sorakat le Dim 10 Juin 2012 - 21:20

Petit up
Aller, personne n'a d'idée ?
avatar

Sorakat
**

Féminin
Messages : 75
Inscrit(e) le : 03/10/2006

http://ma-85.forumactif.com
Sorakat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Template désarticulé

Message par Invité le Mer 13 Juin 2012 - 18:24

Bonjour,

Apparemment le problème se solutionne si on ajoute une largeur définie à la class .cadre 2 .
Ex:
.cadre2 {
width: 800px !important;
align:center; ....
Bien sincèrement.
avatar

Invité
Invité


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

Résolu Re: Template désarticulé

Message par Sorakat le Ven 15 Juin 2012 - 11:34

si ce n'est que ça, je vous dis un grand merci ^^
je vais tenter ça de suite.

Merci beaucoup, soucis finis ^^
avatar

Sorakat
**

Féminin
Messages : 75
Inscrit(e) le : 03/10/2006

http://ma-85.forumactif.com
Sorakat 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