Problème avec liens des sous-forums.

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

Résolu Problème avec liens des sous-forums.

Message par Mauw le Mer 3 Aoû 2011 - 15:19

Bonjour. Smile

Je change actuellement le design de mon forum et, avant de faire toute modification, je test le tout sur un forum test. Alors que j'ai terminé les catégories comme je le désirais, un problème m’ennuie fortement. Quand on passe la souris sur les titres des sous-forums visibles en haut des catégories, on remarque qu'il n'y a pas de lien pour nous rediriger vers celle-ci... Je ne sais pas d'où ça vient ni comment faire pour changer ça...

Voici mon template :

Code:
<br><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" style="margin-bottom:15px;" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
          <th colspan="4" 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 -->
      <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="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <div class="forum-titre"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>

            </span>
        </h{catrow.forumrow.LEVEL}>


     

    <div class="forum-stats"></div>

 <div class="forum-description"><span class="gensmall">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>




<TABLE BORDER="0" CELLPADDING=7 >
<TR>
<span class="genmed">

<TD>
<img src="http://i21.servimg.com/u/f21/13/91/80/58/signa11.png" border="0">{catrow.forumrow.FORUM_DESC}</TD></span><TD>

<br>


<br>

<br>
 
<br>

<br>

<br>

<br>

<br>

</TD>
<TD width="50">


        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
   
</TD>

  </TR>
</TABLE>
<div class="forum-sousforum">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.</div>
</div>

        <span class="gensmall"><br>   
         

        </span>
      </td>
      <!-- BEGIN forum_link_no -->
          <td class="row3 over" align="center" valign="middle" height="50"><div style="width:150px;">
        <span class="gensmall"><br>{catrow.forumrow.LAST_POST}</span>
      </div></td>


      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall"></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 -->




Et mon CSS :

Code:
.cat {
background-color : #ffffff;
border : 3px solid #fffffff ;
-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px ;
-moz-box-shadow: 2px 3px 4px #000000; -webkit-box-shadow: 2px 3px 4px #000000; }






/* début code avatar */

.fondavatar {
background-color : #171516;
border : 3px solid #171516 ;
-moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px ;
-moz-box-shadow: 2px 3px 4px #000000; -webkit-box-shadow: 2px 3px 4px #000000; }

.fondavatar2 {
 text-align:center;
padding:9px;
background-color:#000000;
-moz-border-radius:10px; }

/* fin code avatar */

/* début code rang */
.fondrank {
background-color : #000000;
border : 3px solid #000000 ;
-moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px ;
-moz-box-shadow: 2px 3px 4px #000000; -webkit-box-shadow: 2px 3px 4px #000000; }
/* fin code rang */

/* cadre entourant qui suis-je ect sous l'avatar */
.cadrefdp {
border: 3px solid #171516;
-moz-box-shadow: 1px 1px 1px #000000; -webkit-box-shadow: 1px 1px 1px #171516;
-moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px ;
background-color :#171516;
 font-size: 11px;
width: 200px;
margin:0px auto;
  padding: 0;
}

/* pseudo */

.pseudo{
  text-transform : uppercase;
 letter-spacing:-1px;
font-weight : bold;
font-size: 15px;
}
/* fin cadre entourant qui suis-je ect sous l'avatar */

/* nom des catégo */
.forumlink {
font-family: GEORGIA;
font-size: 20px;
font-style: italic;
text-shadow: #000000 2px 2px 2px; }
/* nom des catégo */




.forumlink:hover {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
text-shadow: #000000 2px 2px 2px; }

/* fiche de presentation */

.imgprez {
-moz-border-radius:15px;
 -webkit-border-radius: 15px;
border: 4px #000000 solid;
}

.cadreprez {
border: 4px #000000 solid;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #400000;
overflow: auto;
padding: 10px;
text-align: justify;
color: #000000;
}

.titreprez {
font-size: 20px;
text-shadow: 2px 3px 4px black;
font-family: georgia;
font-style: italic;
font-weight: bold;
color: #ffffff;
}
/* fin fiche de prés */




/* OPACITE AVATAR */
.opacity img {filter:alpha(opacity=50);-moz-opacity:0.7;opacity:0.7;}
.opacity img:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
/* opacité avatar fin */

/* liens */
a {
color : #360F0F;
font-variant: small-caps;
text-shadow: 2px 2px 2px 2px black;
}

a:link {text-decoration: none!important;}
a:visited {text-decoration: none!important;}
a:hover {text-decoration: none!important;}
a:active {text-decoration: none!important;}
/* fin lien */


/* JUSTIFY*/
.postbody {
display: block;
    text-align:justify;
  padding-left: 15px;
    padding-right: 15px;}
/*JUSTIFY */



/* TITRE CATEGORIE */
.titrecat {
text-align: center;
color: #ffffff;
padding-top: -15px;
padding-bottom: 15px;
display: block;
width: 40%;
border-top: 10px solid #2E2B2B;
border-right: 10px solid #2E2B2B;
border-left: 10px solid #2E2B2B;
background-color: #2E2B2B;
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
margin-top: 30px;
height: 30px;
font-weight: bolder;
-moz-box-shadow: 1px 2px 3px  #ffffff; -webkit-box-shadow: 1px 2px 3px  #ffffff;
}
/* FIN */



/* arrondis citation et code */
.code{-moz-border-radius:6px;}

.quote{-moz-border-radius:6px;}
/* fin arrondis citations et code */






body {
background-repeat: no-repeat;
}



/* infobulle 1 */



a.info {
  position: relative;
  color: #989898;
  text-shadow: 2px 3px 4px black;
}

a.info span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: -180px; /* on positionne notre infobulle */
  left: -160px;

  background: #000000;

  color: #989898;
  padding: 3px;
  text-shadow: 2px 3px 4px black;
font-family: GEORGIA;
font-size: 12px;
font-style: gras;

border: 5px #2E2B2B solid;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 3px 4px 4px #000000;
-webkit-box-shadow: 3px 4px 5px #000000;
}/* infobulle */


/* infobulle 2 */



a.info2 {
  position: relative;
  color: #989898;
  text-shadow: 2px 3px 4px black;
}

a.info2 span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
a.info2:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info2:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: -250px; /* on positionne notre infobulle */
  left: -180px;

  background: #000000;

  color: #989898;
  padding: 3px;
  text-shadow: 2px 3px 4px black;
font-family: GEORGIA;
font-size: 12px;
font-style: gras;

border: 5px #2E2B2B solid;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 3px 4px 4px #000000;
-webkit-box-shadow: 3px 4px 5px #000000;
}/* infobulle */



/* infobulle 3 */



a.info3 {
  position: relative;
  color: #989898;
  text-shadow: 2px 3px 4px black;
}

a.info3 span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
a.info3:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info3:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: -250px; /* on positionne notre infobulle */
  left: -240px;

  background: #000000;

  color: #989898;
  padding: 3px;
  text-shadow: 2px 3px 4px black;
font-family: GEORGIA;
font-size: 12px;
font-style: gras;

border: 5px #2E2B2B solid;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 3px 4px 4px #000000;
-webkit-box-shadow: 3px 4px 5px #000000;
}/* infobulle */

/* infobulle 4 */



a.info4 {
  position: relative;
  color: #989898;
  text-shadow: 2px 3px 4px black;
}

a.info4 span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
a.info4:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info4:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: -200px; /* on positionne notre infobulle */
  left: -240px;

  background: #000000;

  color: #989898;
  padding: 3px;
  text-shadow: 2px 3px 4px black;
font-family: GEORGIA;
font-size: 12px;
font-style: gras;

border: 5px #2E2B2B solid;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 3px 4px 4px #000000;
-webkit-box-shadow: 3px 4px 5px #000000;
}/* infobulle */



/* infobulle 5 */



a.info5 {
  position: relative;
  color: #989898;
  text-shadow: 2px 3px 4px black;
}

a.info5 span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
a.info5:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info5:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: -150px; /* on positionne notre infobulle */
  left: -10px;

  background: #000000;

  color: #989898;
  padding: 3px;
  text-shadow: 2px 3px 4px black;
font-family: GEORGIA;
font-size: 12px;
font-style: gras;

border: 5px #2E2B2B solid;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 3px 4px 4px #000000;
-webkit-box-shadow: 3px 4px 5px #000000;
}/* infobulle */


/* infobulle 6 */



a.info6 {
  position: relative;
  color: #989898;
  text-shadow: 2px 3px 4px black;
}

a.info6 span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
a.info6:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info6:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: -150px; /* on positionne notre infobulle */
  left: -30px;

  background: #000000;

  color: #989898;
  padding: 3px;
  text-shadow: 2px 3px 4px black;
font-family: GEORGIA;
font-size: 12px;
font-style: gras;

border: 5px #2E2B2B solid;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 3px 4px 4px #000000;
-webkit-box-shadow: 3px 4px 5px #000000;
}/* infobulle */



/* infobulle 7 */



a.info7 {
  position: relative;
  color: #989898;
  text-shadow: 2px 3px 4px black;
}

a.info7 span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
a.info7:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info7:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: -100px; /* on positionne notre infobulle */
  left: -80px;

  background: #000000;

  color: #989898;
  padding: 3px;
  text-shadow: 2px 3px 4px black;
font-family: GEORGIA;
font-size: 12px;
font-style: gras;

border: 5px #2E2B2B solid;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 3px 4px 4px #000000;
-webkit-box-shadow: 3px 4px 5px #000000;
}/* infobulle */


/* infobulle 8 */



a.info8 {
  position: relative;
  color: #989898;
  text-shadow: 2px 3px 4px black;
}

a.info8 span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
a.info8:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info8:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: -100px; /* on positionne notre infobulle */
  left: -60px;

  background: #000000;

  color: #989898;
  padding: 3px;
  text-shadow: 2px 3px 4px black;
font-family: GEORGIA;
font-size: 12px;
font-style: gras;

border: 5px #2E2B2B solid;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 3px 4px 4px #000000;
-webkit-box-shadow: 3px 4px 5px #000000;
}/* infobulle */
 
/* img queel */
.catHead {
border: 0px solid #000000;
-moz-box-shadow: 1px 1px 1px 1px #000000; -webkit-box-shadow: 1px 1px 1px 1px #000000;
-moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px ;
background-color : #000000;
 font-size: 11px;
width: 180px;
margin:0px auto;
  padding: 0; }
/* img queel */


.postbody { display: block; text-align: justify; }




/* BARRE DE NAVIGUATION */
a.mainmenu{ /* navigation */
text-decoration: none !important; /* pour enlever les soulignements */
color : #403A46; /* la couleur du texte */
font-family: GEORGIA; /* la police du texte */
font-size: 12px;
font-style: gras;
text-shadow: #000000 2px 2px 2px;
font-variant: small-caps;
text-align: center;
top : 150px ;

}
a.mainmenu:hover{ /* navigation au survol */
text-decoration: none !important;/* pour enlever les soulignements */
color : #403A46; /* la couleur du texte */
font-family: GEORGIA; /* la police du texte */
font-size: 12px;
font-style: gras;
text-shadow: #403A46 2px 2px 2px;
font-variant: small-caps;
text-align: center;
 }
/* FIN */


















/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: -10px
      padding-left: 20px;
      color: #3E3844;
      width: 70%;
      border: 10px solid #0D0A13;
    moz-border-radius-topleft: 0px;
      -moz-border-radius-topright: 80px;
      -webkit-border-top-right-radius: 80px;
      -webkit-border-top-left-radius: 0px;
      border-top-right-radius: 80px;
      border-top-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 80px;
      font-size: 12px;
background-color : #0D0A13;
 text-align:justify;
-moz-box-shadow: 2px 2px 2px 2px #231B28; -webkit-box-shadow: 2px 2px 2px 2px #231B28;
left : 260px;
text-shadow: 2px 2px 2px 2px #ffffff;
}






/*--- Cette partie correspond à l'onglet titre ANNULE rajouté un "e" pour remettre ---*/
.forum-titre {
   
position: relative;
      height: 80px;
      left: 25px;
      padding: 20px;
top : 80px ;
      text-align: center;
text-shadow: #000000 10px 20px 20px;
}

/*--- Cette partie correspond à l'affichage des messages sujet ---*/
.forum-sousforum {
      color: #3E3844;
   
text-align: center;
  font-family: Georgia;
text-shadow: 2px 2px 2px 2px #000000;
}


.forum-mess {   
      font-size: 13px;
      font-style: italic;   
      text-align: center;
background-color : #000000;
-moz-box-shadow: 2px 2px 2px 2px #000000; -webkit-box-shadow: 2px 2px 2px 2px #000000;
text-shadow: 2px 2px 2px 2px #000000;

}




.nomdecategorie
{padding-bottom:15px;
      padding-top:50px;
      padding-bottom:50px;
 
      letter-spacing: 4px;
      font-family: Georgia;
      margin-left:90px;
      margin-right:90px;
      margin-top:10px;
      margin-bottom:10px;
      -moz-border-radius-bottomleft:0px;
      -moz-border-radius-topleft:60px;
      -moz-border-radius-bottomright:0px;
      -moz-border-radius-topright:60px;
  width: 35%;
      height: 15px;
      left: 80px;}


.dernier {
border: 3px solid #000000;
width: 380px;
}

.img_deux:hover
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/reglem10.png"); /*image quand la souris est dessus */
}

.img_deux
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/pvs_sc10.png"); /* image quand la souris est pas dessus*/
display: block;
width: 350px;
height: 75px;
background-repeat: no-repeat;
}

.img_trois:hover
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/pvs_sc13.png"); /*image quand la souris est dessus */
}

.img_trois
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/pvs_sc12.png"); /* image quand la souris est pas dessus*/
display: block;
width: 350px;
height: 75px;
background-repeat: no-repeat;
}

.img_quatre:hover
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/forumv11.png"); /*image quand la souris est dessus */
}

.img_quatre
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/forumv10.png"); /* image quand la souris est pas dessus*/
display: block;
width: 350px;
height: 75px;
background-repeat: no-repeat;
}



.img_cinq:hover
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/absenc11.png"); /*image quand la souris est dessus */
}

.img_cinq
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/absenc10.png"); /* image quand la souris est pas dessus*/
display: block;
width: 350px;
height: 75px;
background-repeat: no-repeat;
}



.img_six:hover
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/regist11.png"); /*image quand la souris est dessus */
}

.img_six
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/regist10.png"); /* image quand la souris est pas dessus*/
display: block;
width: 350px;
height: 75px;
background-repeat: no-repeat;
}

.img_sept:hover
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/gestio12.png"); /*image quand la souris est dessus */
}

.img_sept
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/gestio11.png"); /* image quand la souris est pas dessus*/
display: block;
width: 350px;
height: 75px;
background-repeat: no-repeat;
}


.img_huit:hover
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/events10.png"); /*image quand la souris est dessus */
}

.img_huit
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/eventf10.png"); /* image quand la souris est pas dessus*/
display: block;
width: 350px;
height: 75px;
background-repeat: no-repeat;
}


.img_neuf:hover
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/the_pa11.png"); /*image quand la souris est dessus */
}

.img_neuf
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/the_pa10.png"); /* image quand la souris est pas dessus*/
display: block;
width: 350px;
height: 75px;
background-repeat: no-repeat;
}

.img_dix:hover
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/commun11.png"); /*image quand la souris est dessus */
}

.img_dix
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/commun10.png"); /* image quand la souris est pas dessus*/
display: block;
width: 350px;
height: 75px;
background-repeat: no-repeat;
}

.img_onze:hover
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/westmh11.png"); /*image quand la souris est dessus */
}

.img_onze
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/westmh10.png"); /* image quand la souris est pas dessus*/
display: block;
width: 350px;
height: 75px;
background-repeat: no-repeat;
}

.img_douze:hover
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/stjame11.png"); /*image quand la souris est dessus */
}

.img_douze
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/stjame10.png"); /* image quand la souris est pas dessus*/
display: block;
width: 350px;
height: 75px;
background-repeat: no-repeat;
}

.img_treize:hover
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/piccad11.png"); /*image quand la souris est dessus */
}

.img_treize
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/piccad10.png"); /* image quand la souris est pas dessus*/
display: block;
width: 350px;
height: 75px;
background-repeat: no-repeat;
}

.img_quatorze:hover
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/southw11.png"); /*image quand la souris est dessus */
}

.img_quatorze
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/southw10.png"); /* image quand la souris est pas dessus*/
display: block;
width: 350px;
height: 75px;
background-repeat: no-repeat;
}

.img_quinze:hover
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/marylb11.png"); /*image quand la souris est dessus */
}

.img_quinze
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/marylb10.png"); /* image quand la souris est pas dessus*/
display: block;
width: 350px;
height: 75px;
background-repeat: no-repeat;
}

.img_seize:hover
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/reside11.png"); /*image quand la souris est dessus */
}

.img_seize
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/reside10.png"); /* image quand la souris est pas dessus*/
display: block;
width: 350px;
height: 75px;
background-repeat: no-repeat;
}

.img_dsept:hover
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/creati10.png"); /*image quand la souris est dessus */
}

.img_dsept
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/craati10.png"); /* image quand la souris est pas dessus*/
display: block;
width: 350px;
height: 75px;
background-repeat: no-repeat;
}

.img_dhuit:hover
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/flood_11.png"); /*image quand la souris est dessus */
}

.img_dhuit
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/flood_10.png"); /* image quand la souris est pas dessus*/
display: block;
width: 350px;
height: 75px;
background-repeat: no-repeat;
}

.img_dneuf:hover
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/pub__p11.png"); /*image quand la souris est dessus */
}

.img_dneuf
{
background-image: url("http://i21.servimg.com/u/f21/13/91/80/58/pub__p10.png"); /* image quand la souris est pas dessus*/
display: block;
width: 350px;
height: 75px;
background-repeat: no-repeat;
}

/* bords blancs */

.catHead {border: 0px solid transparent !important; background-color:transparent !important;}

.catBottom {border: 0px solid transparent !important; background-color:transparent !important;}
.thLeft {border: 0px solid transparent !important; background-color:transparent !important;}
.thRight {border: 0px solid transparent !important; background-color:transparent !important;}
.thCornerL {border: 0px solid transparent !important; background-color:transparent !important;}
.thCornerR  {border: 0px solid transparent !important; background-color:transparent !important;}
.thTop {border: 0px solid transparent !important; background-color:transparent !important;}
.thHead {border: 0px solid transparent !important; background-color:transparent !important;}
.thSides {border: 0px solid transparent !important; background-color:transparent !important;}

/* bords blancs */




.colonne2 {
text-align: justify;
font-size: 11px;}

.colonne1 {
text-align: justify;
font-size: 11px;}


.profil {
height : 320px ;
width : 200px ;
 
      color: #171516;

      border: 10px solid #171516;
    moz-border-radius-topleft: 50px;
      -moz-border-radius-topright: 10px;
      -webkit-border-top-right-radius: 50px;
      -webkit-border-top-left-radius: 50px;
      border-top-right-radius: 10px;
      border-top-left-radius: 50px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:50px;


-moz-box-shadow: 2px 2px 2px 2px #000000; -webkit-box-shadow: 2px 2px 2px 2px #000000;
}


.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:40px;
-moz-border-radius-bottomright:40px;
-moz-border-radius-topleft:40px;
-moz-border-radius-topright:40px;
border: 5px solid #171516;
}


.forumline {
border : 10 px;
-moz-box-shadow: 1px 2px 3px 2px #231B28; -webkit-box-shadow: 1px 2px 3px 2px #231B28;

}


.nomfo {
padding-right : 15px;}

Merci beaucoup. Smile

http://close-your-eyes.forumactif.com/ (Voir 2ème et 3ème catégorie. ^^ )


Dernière édition par Mauw le Ven 5 Aoû 2011 - 14:40, édité 1 fois

Mauw
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 28/05/2011

http://crimson-night-rpg.forumactif.org/
Mauw a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec liens des sous-forums.

Message par quierra le Jeu 4 Aoû 2011 - 2:44

Coucou, ça vient de quelques d'incohérences dans ton code et surtout des valeurs exagérées.
Regardes la place que prend à l'écran ton titre de catégorie :



Il recouvre le lien forum qui du coup n'est plus cliquable.

Ton CSS pour cette partie :

.forum-titre {
height: 70px;
left: 25px;
padding: 20px;
position: relative;
text-align: center;
text-shadow: 10px 20px 20px #000000;
top: 70px;
}

Une hauteur de 70px; padding très important, d'énormes ombres portées.

En modifiant ces valeurs j'arrive à ce résultat :



.forum-titre {
left: 25px;
margin: 0;
padding: 5px;
position: relative;
text-align: center;
text-shadow: 1px 2px 2px #000000;
top: 2px;
}



quierra
****

Féminin
Messages : 278
Inscrit(e) le : 22/08/2007

http://themes-fa.com
quierra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec liens des sous-forums.

Message par Mauw le Ven 5 Aoû 2011 - 14:40

Merci beaucoup, c'est parfait. Effectivement, c'est vrai que j'ai un peu exagéré... ^^'

Résolu. ::fleur::

Mauw
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 28/05/2011

http://crimson-night-rpg.forumactif.org/
Mauw 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