Problème de .div introuvable

[Aliichaa]

Bonjours !

Cela fait un petit moment déjà que je travail sur un template de catégorie. Mais impossible de faire le CSS sans que tout ne remonte ou que tout casse...

Pour le moment, voilà l'état de mon forum test : La barre des titres dépasse et c'est aussi un soucis.
http://passion-creation.forumpersos.com/

J'ai réussit à obtenir ce que je voulais. Mais comme je le dis plus haut, tout foire au niveau du CSS.

Voila les .div que je voudrais "installer" sans tout casser...


J'aurais aussi aimer grossir le titre des forums (encadrer jaune si dessous...)


Voilà, je crois qu j'ai fini xD ... Etant nulle en codage, je sèche totalement.
Mes problèmes :
• La barre des titres dépasse et ce n'est pas volontaire.
• Installer les .div que je voudrais sans tout casser.
• Pouvoir grossir le titre des forums et changer leur police.

Mon template:

Le peu de CSS que j'ai réussis à faire:

Merci à ceux qui pourrons m'aider, et pardon du dérangement.

[-Tancrède-]

Bonjour a vous,
le problème est exposé très clairement, ça fait plaisir $

Pour ce qui est des titres qui dépassent, il suffit d'enlever dans le CSS dans la classe forumlink le "left : -20 px;"

Ce qui une fois corrigé vous donne ceci en CSS :

Code:

        .secondarytitle{
          color: #c45c7f;
          font-size: 60px ;
          font-family: 'Indie Flower', cursive;
        }
       
h2
{
font-size: 60px ;
}
        .categorietitre{ font-size: 60px ;
          font-family: 'Indie Flower', cursive; }
       
        a.forumlink{ background-color : #fff ;
          display: block;
          text-align: center;
          border-bottom: 0px solid #000;
          padding: 0px;
          margin: 5px;
          border-radius : 20px ;
        }
       
        .forumlink
        {
        position:relative;
          font-family: 'Indie Flower', cursive;
          display: block;
        text-shadow: 0px 0px 0px #000000;
        text-align: right !important;
        transition: all 3s; /* Durée de la transition, mettez les mêmes valeurs partout, ça sera plus facile */
        -moz-transition: all 3s;
        -webkit-transition: all 3s;
          font-size: 20px;
        }
        a.forumlink:hover
        {
        position:relative;
          letter-spacing : 3px ;
          font-family: 'Indie Flower', cursive;
          font-size: 20px;
          color: #; /* Couleur d'arrivée */
          margin-right: 100px; /* Décalement ( nombre de px à décaler pour l'arrivée)*/
        transition: all 3s;
        -moz-transition: all 3s;
        -webkit-transition: all 3s;
        text-shadow: 0px 0px 0px #000000;
        }

Vu votre CSS, vous voulez mettre pour les titres font-size: 60px; (attention c'est très gros ^^) donc je l'ai rajouté dans le CSS (il est possible que ça grossisse d'autres éléments, dans ce cas prévenz moi )
Pour réduire la taille modifiez h2{font-size: 60px;}

Je m'attèle de suite aux autres problèmes

[-Tancrède-]

Pour la séparation des forums :
Le cadre

L'identifiant CSS

Forum

.forum

Catégorie

.categorie

Description

.description

Sous forum

.sousforum

Statistiques

.stats

Bouton

.bouton

Et votre template

Code:

        <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
          <tr>
              <td valign="bottom">
                <!-- BEGIN switch_user_logged_in -->
                <div class="information"> <span class="gensmall">{CURRENT_TIME}  </br>
                  <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><img alt="#" border="0" src="http://img4.hostingpics.net/pics/960406fond.png" />•<img alt="#" border="0" src="http://img4.hostingpics.net/pics/960406fond.png" /><a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><img alt="#" border="0" src="http://img4.hostingpics.net/pics/960406fond.png" />•<img alt="#" border="0" src="http://img4.hostingpics.net/pics/960406fond.png" /><a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
        
                </div>
              
              
              
                <!-- END switch_user_logged_in -->
              </td>
        
          </tr>
        </table>
        <!-- BEGIN catrow --><!-- BEGIN tablehead -->
        <table class="forumline forum" width="788px" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <th colspan="2" 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 -->
            <div class"stat">
              <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}"><div class="categorietitre">{catrow.cathead.CAT_TITLE}</div></a>
                    </span>
                </h{catrow.cathead.LEVEL}>
            </td>
          <div class"stat">  <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td></div>
          </tr>
          <!-- END cathead -->
          <!-- BEGIN forumrow -->
          <tr class="categorie">
              <!-- BEGIN inc -->
              <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
              <!-- END inc -->
          
              </td>
              <td width="100%" class="row1"><table width="100%" cellspacing="0" cellpadding="0"><tr><td class="row1 over" colspan="2" valign="top" width="100%" height="50" align="center">
                <h{catrow.forumrow.LEVEL} class="hierarchy">
                    <span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class="categorititre">{catrow.forumrow.FORUM_NAME}</div></a>
        
                    </span>
                </h{catrow.forumrow.LEVEL}></td></tr><tr><td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                <span class="genmed description">{catrow.forumrow.FORUM_DESC}</span>
                <span class="gensmall sousforum">
                    <!-- BEGIN switch_moderators_links -->
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                    </br><center>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center>
                </span>
              </td>
        
              <td class="row3 over stats" align="center" valign="middle"><div style="width : 150px;" ><span class="gensmall">{catrow.forumrow.POSTS} esquisse dans {catrow.forumrow.TOPICS} carnets.<br/>
                        {catrow.forumrow.LAST_POST}</span></div></tr></table>
                      </td>
        
        <td class="{catrow.forumrow.INC_CLASS} bouton" 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>
        
          </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 -->

[Aliichaa]

Re-bonjours !
Tout d'abord de rien ... C'est la moindre des choses de bien présenter pour ceux qui ont la gentillesse de vous aidez.
Et ensuite je vous remercie Beaucoooooooooooooooooooooooooup !!!! >w<
Ca fait des mois que j'essayais et que je n'y arrivais pas ...

Voila le résultat avec des couleurs totalement aléatoire , ça ressemble parfaitement à ce que je voulais !


Mais, dernier soucis et ensuite je vous laisserais en paix...

Peut-on centrer les forums ce cette façon? Ou y-a-t-il un moyen pour qu'ils " collent " aux bord du forum?


Merciii !!!!

[-Tancrède-]

Dans votre CSS, dans .forumline, au lieu de width: 840 px; Remplacez 840px par 100% et ils vont un peu s'agrandir mais ils seront alignés^^

[-Tancrède-]

Si votre problème est résolu :   

[Aliichaa]

Niquel !!! ♥

Il n'y a plus que ce petit soucis là =/ ... Le "border-radius " ne veut pas s'appliquer tout autour de la div... Même le "width" ...

Code:

.description  { background : pink ;
 position:relative; 
  padding: 8px;
border-radius : 5px ;
width:500px;}

[-Tancrède-]

Chez moi ça fonctionne ....

[Aliichaa]

Bon eh bien .. Tant pis, ça dois être mon navigateur qui ne veux pas ^^

Encore merci ^^

[-Tancrède-]

Effectivement, sur chrome chez moi non plus ça ne fonctionne pas...