Problème de .div introuvable

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

Résolu Problème de .div introuvable

Message par Aliichaa le Mer 18 Juin 2014 - 9:53

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:
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" 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>
      <!-- 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">{catrow.forumrow.FORUM_DESC}</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 -->
            </br><center>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center>
        </span>
      </td>
 
      <td class="row3 over" 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}" 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 -->
Le peu de CSS que j'ai réussis à faire:
Code:
.secondarytitle{
  color: #c45c7f;
  font-size: 60px ;
  font-family: 'Indie Flower', cursive;
}

.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;
 left:-20px;
  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;
 left:-20px; 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;
}


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


Dernière édition par Aliichaa le Mer 18 Juin 2014 - 18:41, édité 1 fois

Aliichaa
****

Féminin
Messages : 325
Inscrit(e) le : 13/12/2010

http://touhoudessin.forumactif.com/
Aliichaa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de .div introuvable

Message par -Tancrède- le Mer 18 Juin 2014 - 13:25

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

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 Wink)
Pour réduire la taille modifiez h2{font-size: 60px;}

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


Dernière édition par -Tancrède- le Mer 18 Juin 2014 - 13:57, édité 1 fois

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de .div introuvable

Message par -Tancrède- le Mer 18 Juin 2014 - 13:53

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

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de .div introuvable

Message par Aliichaa le Mer 18 Juin 2014 - 17:57

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

Aliichaa
****

Féminin
Messages : 325
Inscrit(e) le : 13/12/2010

http://touhoudessin.forumactif.com/
Aliichaa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de .div introuvable

Message par -Tancrède- le Mer 18 Juin 2014 - 18:06

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

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de .div introuvable

Message par -Tancrède- le Mer 18 Juin 2014 - 18:22

Si votre problème est résolu :  résolu Wink

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de .div introuvable

Message par Aliichaa le Mer 18 Juin 2014 - 18:25

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;}

Aliichaa
****

Féminin
Messages : 325
Inscrit(e) le : 13/12/2010

http://touhoudessin.forumactif.com/
Aliichaa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de .div introuvable

Message par -Tancrède- le Mer 18 Juin 2014 - 18:27

Chez moi ça fonctionne ....

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de .div introuvable

Message par Aliichaa le Mer 18 Juin 2014 - 18:39

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

Encore merci ^^

Aliichaa
****

Féminin
Messages : 325
Inscrit(e) le : 13/12/2010

http://touhoudessin.forumactif.com/
Aliichaa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de .div introuvable

Message par -Tancrède- le Mer 18 Juin 2014 - 18:50

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

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- 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