Décalage sur l'affichage des forums en Sous-forum Bouton_activeDécalage sur l'affichage des forums en Sous-forum Bouton_hoverDécalage sur l'affichage des forums en Sous-forum Fb-hoverDécalage sur l'affichage des forums en Sous-forum Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
Décalage sur l'affichage des forums en Sous-forum EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Décalage sur l'affichage des forums en Sous-forum EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Décalage sur l'affichage des forums en Sous-forum EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Décalage sur l'affichage des forums en Sous-forum EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Décalage sur l'affichage des forums en Sous-forum EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Décalage sur l'affichage des forums en Sous-forum EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Décalage sur l'affichage des forums en Sous-forum EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Décalage sur l'affichage des forums en Sous-forum EmptyMar 07 Fév 2023, 08:40 par Oxtran


Partagez
 

Décalage sur l'affichage des forums en Sous-forum

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://sokio.pure-division.net
Kiowa
Kiowa
{ Membre }
{ Membre }

Féminin Messages : 125



Décalage sur l'affichage des forums en Sous-forum Empty
Bonjour!

Avant toute chose, merci de porter attention à ma question, cela est très apprécier. Alors je m’adresse à vous, car je travail présentement sur mon forum histoire de l’améliorer. Présentement j’effectue avant toute chose le codage puisque le thème est gérer par quelqu’un d’autre. Vous l’aurez comprit, mon problème est naturellement une question de codage.

Hier, je suis tombé sur le tutoriel de Sparrow-style, concernant la création et l’installation complet d’un thème ainsi que de son codage. Il s’agit de celui-ci : http://www.never-utopia.com/t37724-diff3-creer-un-theme-complet-de-a-a-z-graph-codage

À l’installation, tout est parfait. Sans le moindre problème. Toutefois en navigant entre mes pages, particulièrement les forums possédant des sous-forums, je découvre se petit bug : http://d29.e-loader.net/yeIiTulYys.png

Lien direct à la page : http://kiowa-sokio.keuf.net/f6-manuel-des-joueurs

Alors que cela devrait être comme sur les autres pages ou il n’y a pas de sous-forum : http://d10.e-loader.net/Sub6IQT12Z.png

Tous les templates modifier sont les mêmes que ceux préciser dans le tutoriel, et ne comporter aucune autre modification si ce n’est qu’au niveau Css, que je vous offre ici :
Code:
/* GENERAL NEW */
body {
  background: #595959;
  background-image: url(http://img600.imageshack.us/img600/8734/1680x1050.jpg);
  background-attachment:fixed;
  background-repeat: no-repeat;
}
.bodyline {
  background-color: #c0c0c0;

}
.bodylinewidth {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -9px;
  margin-bottom: -9px;
}

.bodyline {
  width: 950px;
  padding: 0;
  background: #c0c0c0;
  border-left: 5px solid #4c4842;
  border-right: 5px solid #4c4842;
  box-shadow: 0px 0px 10px #000000;
  -moz-box-shadow: 0px 0px 10px #000000;
  -o-box-shadow: 0px 0px 10px #000000;
  -htm-box-shadow: 0px 0px 10px #000000;
  -webkit-box-shadow: 0px 0px 10px #000000;
}
.row3Right {
border: none !important;
}
.thHead {
border: none !important;
}
.thCornerL, .thCornerR, .thTop {
border: none !important;
}
.thLeft, .thRight {
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight {
border: none! important;
}
.catHead {
border: none !important;
}
.catBottom {
border: none !important;
}
.profil {
  width: 210px;
  margin: auto;
  padding: 2px;
  background: #f3f3f3;
  border: 1px dotted #c0c0c0;
  text-align: center;
}
.name {
  font-size: 14px;
  font-variant: small-caps;
}

.forumline {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #e9e9e6;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 5px #595959;
  -moz-box-shadow: 0px 0px 5px #595959;
  -o-box-shadow: 0px 0px 5px #595959;
  -htm-box-shadow: 0px 0px 5px #595959;
  -webkit-box-shadow: 0px 0px 5px #595959;
}
table {
  width: 100%;
  margin: auto;
}

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

a.nav img {
width: 200px;
}
#page-body {
  width: 920px;
  margin: auto;
}
#page-footer {
  width: 950px;
  height: 200px;
  margin: auto;
  background: url(http://img15.hostingpics.net/pics/547192footer.jpg);
  border-top: 3px solid #545454;
}
#page-footer a {
  font-size: 10px;
  color: #545454 !important;
}
#page-footer a:hover {
  color: #303030 !important
}
#i_logo {
  margin-top: 22px;
}

/* Navigation */

#navigation {
  position: fixed;
  z-index: 999;
  height: 30px;
  width: 100%;
  margin-left: -8px;
}
#navig {
  width: 950px;
  margin: auto;
  text-align: center;
  background: #4c4842;
  border-bottom: 2px solid #939393;
  padding-bottom: 3px;
}

#navig a {
  font-weight: bold;
  color: #b9b9b9 !important;
  text-shadow: 1px 1px 0px #000000;
}
#navig a:hover {
  color: #efefef !important;
}

/* Catégorie */
.title {
  font-size: 20px;
}
.cate_titre {
  width: 98%;
  margin: auto;
  text-align: center;
  color: #ff0000;
}
.categorie {
  width: 98%;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #e9e9e6;
  border-top: 3px solid #4c4842;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  box-shadow: 0px 0px 5px #595959;
  -moz-box-shadow: 0px 0px 5px #595959;
  -o-box-shadow: 0px 0px 5px #595959;
  -htm-box-shadow: 0px 0px 5px #595959;
  -webkit-box-shadow: 0px 0px 5px #595959;
}
.forum {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  background: #f3f3f3;
  border: 1px dotted #c0c0c0;
  padding: 2px;
}
.forumlink {
  display: block;
  width: 600px;
  font-variant: small-caps;
  letter-spacing: 2px;
  padding-left: 20px;
  text-shadow: 1px 1px 0px #ffffff;
}
.forumlink a {
  font-size: 16px;
  border-bottom: 2px dotted #c0c0c0;
}
.description {
  display: block;
  width: 500px;
  margin: auto;
  font-size: 11px;
  text-align: justify;
  color: #a6a6a6;
}
.illu {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #c0c0c0;
  background: #e9e9e6;
  padding: 5px;
}

.stats_last {
  display: block;
  width: 160px;
  margin: auto;
  background: #e9e9e6;
  padding: 10px;
  border: 1px dotted #c0c0c0;
}
.stats {
  display: block;
  text-align: center;
  font-size: 10px;
  color: #a6a6a6;
  border-bottom: 1px solid #cacaca;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.last {
  display: block;
  text-align: center;
  font-size: 11px;
}
.sous_forum {
  display: block;
  width: 98%;
  margin: auto;
  background: #e9e9e6;
  padding: 2px;
  text-align: center;
}

/* QEEL */

.qeel_titre {
  width: 800px;
  height: 100px;
  margin: auto;
  background: url(http://img15.hostingpics.net/pics/445654qeeltitre.png) no-repeat;
}
.groupe1, .groupe2, .groupe3, .groupe4, .groupe5, .groupe6 {
  display: block;
  font-weight: bold;
  text-transform: small-caps;
  margin-top: 5px;
  text-align: center;font-size: 14px;
}
.groupe1 {
  color: #B05ADB !important;
}
.groupe3 {
  color: #739039 !important;
}
.groupe2 {
  color: #D1C2C2 !important;
}
.groupe4 {
  color: #CC81BA !important;
}
.groupe5 {
  color: #ED6671 !important;
}
.groupe6 {
  color: #A69658 !important;
}
.groupe_contenu {
  display: none;
}
.qeel_infos {
  width: 98%;
  margin-top: 5px;
  margin-bottom: 5px;
  background: #f3f3f3;
  border: 1px dotted #c0c0c0;
  padding: 4px;
  font-size: 10px;
  text-align: justify;
}
.groupe1:hover .groupe_contenu, .groupe2:hover .groupe_contenu, .groupe3:hover .groupe_contenu, .groupe4:hover .groupe_contenu, .groupe5:hover .groupe_contenu, .groupe6:hover .groupe_contenu {
  display: block;
  position: absolute;
  margin-left: 50px;
  width: 250px;
  background: #e9e9e6;
  padding: 4px;
  border: 1px dotted #c0c0c0;
  color: #989898;
  font-size: 10px;
  font-weight: normal;
}

/* Profil */

.profil {
  width: 210px;
  margin: auto;
  padding: 2px;
  background: #f3f3f3;
  border: 1px dotted #c0c0c0;
  text-align: center;
}
.name {
  font-size: 14px;
  font-variant: small-caps;
}
.profil_avatar {
  border: 1px solid #c0c0c0;
  background: #e9e9e6;
  padding: 4px;
}

/* Message */

.message_contenu {
  text-align: justify;
  font-size: 11px;
  background: #e9e9e6;
  padding: 10px;
}

.quote{
  background: url(http://d22.e-loader.net/LAG4kyyda1.png), url(http://d18.e-loader.net/Z6Ka7bVVj6.png);
  background-position: top left, bottom right;
  background-repeat: no-repeat, no-repeat;
  background-color: #c0c0c0;
  height: 42px;
  padding:15px 45px 15px 45px;
  color: #656564;
  text-align: justify;
  border: 1px dotted #f3f3f3;
  box-shadow:2px 2px 5px #666;
}

.code{/*Code dans les messages*/
  background-color: #c0c0c0;
  padding:15px 15px 15px 45px;
  color: #737372;
  text-align: justify;
  border: 1px dotted #f3f3f3;
  box-shadow:2px 2px 5px #666;
  max-height: 200px;
  overflow: auto;
}

.selectCode {
  float:right;
  text-transform: uppercase;
  cursor:pointer;
  color: #000;
  font-size: 12px;}

/* Spoiler */
.spoiler_closed {/* Apparence du spoiler fermé*/
  display:block;
  line-height: 125%;
/*Mettre ici vos propriétés décoratives*/
      background-color: #c0c0c0;
  color: #656564;
  text-align: justify;
  border: 1px dotted #f3f3f3;
  box-shadow:2px 2px 5px #666;

  }
.spoiler_closed.hidden {
  display:none;
  }

.spoiler_content {/*apparence du spoiler ouvert*/
  display:block;
  line-height: 125%;
/*mettre ici vos propriété décoratives*/
    background-color: #c0c0c0;
  height: 42px;
  padding:15px 45px 15px 45px;
  color: #656564;
  text-align: justify;
  border: 1px dotted #f3f3f3;
  box-shadow:2px 2px 5px #666;
  }

.spoiler_content.hidden {
  display:none;
  }

Et voici le Viewforum_body, j'ose croire que le bug doit se régler dans celui-ci, sinon vous pouvez me demander n'importe quel template.

Code:
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="left" valign="middle" width="50">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
         <!-- END switch_user_authpost -->
      </td>
      <td class="nav" valign="middle" width="100%"><div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div></td>
      <td class="gensmall" align="right" valign="bottom" nowrap="nowrap">
         <span class="nav">
            <script type="text/javascript">//<![CDATA[
               var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
               var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
               var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
               var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
               var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
               insert_plus_menu('f{FORUM_ID}&f={FORUM_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
         </span>
      </td>
   </tr>
</table>
{TOPICS_LIST_BOX}
<div id="info_open" style="display:''">
   <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
         <td class="row1" align="left" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
         <td class="row1" align="right" valign="top"><span class="gensmall">{S_WATCH_FORUM}</span></td>
      </tr>
      <tr>
         <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td>
      </tr>
      <tr>
         <td class="row2" valign="top" width="150"><span class="gensmall"><b>{L_MODERATOR}:</b></span></td>
         <td class="row1" valign="top"><span class="gensmall">{MODERATORS}</span></td>
      </tr>
      <tr>
         <td class="row2" valign="top" width="150"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
         <td class="row1" valign="top"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td class="nav" valign="middle" width="100%"><div class="nav"> <a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</div></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
</div>

<div id="info_close" style="display:none">
   <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
         <td class="row1" colspan="2" align="right" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
      </tr>
      <tr>
         <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td>
      </tr>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td class="nav" valign="middle" width="100%"><span class="nav"> <a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
</div>
   <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>

         <td align="left" valign="middle" width="50">
            <!-- BEGIN switch_user_logged_in -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}1" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
            <!-- END switch_user_logged_in -->
         </td>
         <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

   </tr>
   <!-- BEGIN switch_legend -->
   
   <!-- END switch_legend -->
</table>
      </form>

J’utilise le navigateur Mozilla Firefox 19.0, l’interface est naturellement Forumactif, et l’adresse de mon forum de Test (ou je monte l’ensemble en premier) : http://kiowa-sokio.keuf.net

Merci beaucoup et bonne journée!
MessageSujet: Décalage sur l'affichage des forums en Sous-forum   Décalage sur l'affichage des forums en Sous-forum EmptyMer 13 Fév 2013, 08:48
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Décalage sur l'affichage des forums en Sous-forum Empty
Bonjour,

L'erreur vient du fait que tu as fixé la largeur de la classe .forumlink à 600 pixels, ce qui force la table à s’agrandir excessivement. Retire cette valeur et ça devrait suffire.
MessageSujet: Re: Décalage sur l'affichage des forums en Sous-forum   Décalage sur l'affichage des forums en Sous-forum EmptyMer 13 Fév 2013, 11:37
Revenir en haut Aller en bas
http://sokio.pure-division.net
Kiowa
Kiowa
{ Membre }
{ Membre }

Féminin Messages : 125



Décalage sur l'affichage des forums en Sous-forum Empty
Ah ben oui!!! j'm'attendais a que ce soit simple, mais pas autant.. xDD

Merci c'est régler
MessageSujet: Re: Décalage sur l'affichage des forums en Sous-forum   Décalage sur l'affichage des forums en Sous-forum EmptyMer 13 Fév 2013, 12:46
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Décalage sur l'affichage des forums en Sous-forum Empty
Hello !
D'après ce que je lis, le problème est résolu, donc je déplace !
La prochaine fois, pense à l'indiquer en ajoutant le tag [résolu] dans ton titre, merci d'avance Décalage sur l'affichage des forums en Sous-forum 926145
MessageSujet: Re: Décalage sur l'affichage des forums en Sous-forum   Décalage sur l'affichage des forums en Sous-forum EmptyMer 13 Fév 2013, 13:24
Revenir en haut Aller en bas
Contenu sponsorisé




Décalage sur l'affichage des forums en Sous-forum Empty
MessageSujet: Re: Décalage sur l'affichage des forums en Sous-forum   Décalage sur l'affichage des forums en Sous-forum Empty
Revenir en haut Aller en bas
 

Décalage sur l'affichage des forums en Sous-forum

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Description des Forums et sous Forum
» Aligner liens sous-forums et description forum & barre de navigation
» [résolu]Insérer une image différente entre les sous forums et la description du forum
» Description des sous-forums s'affichant dans le cadre de la description du forum.
» Décalage des forums et du QEEL sur la gauche

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit