Problème avec la barre de séparation. Bouton_activeProblème avec la barre de séparation. Bouton_hoverProblème avec la barre de séparation. Fb-hoverProblème avec la barre de séparation. Fb-active
AccueilForumÉquipe 
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
» Système d'onglets simple et personnalisable
Problème avec la barre de séparation. EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème avec la barre de séparation. EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème avec la barre de séparation. EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème avec la barre de séparation. EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème avec la barre de séparation. EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème avec la barre de séparation. EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème avec la barre de séparation. EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème avec la barre de séparation. EmptySam 11 Fév 2023, 06:04 par Krager


CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Problème avec la barre de séparation.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://kyria.forumactif.com/index.htm
Kÿria
Kÿria
{ Membre }
{ Membre }

Féminin Messages : 104



Problème avec la barre de séparation. Empty
Bonjour, j'ai un problème avec la barre de séparation. Elle se répète horizontalement mais un peu verticalement aussi et j'aimerais corriger ce problème.

Voici une image pour mieux expliquer :

Spoiler:

Merci d'avance pour votre aide.
MessageSujet: Problème avec la barre de séparation.   Problème avec la barre de séparation. EmptySam 18 Déc 2010, 07:41
Revenir en haut Aller en bas
http://pacific-isle.forum-pro.fr/forum.htm
LittleThing
LittleThing
{ Membre }
{ Membre }

Féminin Messages : 175



Problème avec la barre de séparation. Empty
Le problème vient du fait que la longueur de ta ligne "titre du forum, messages ytout" est supérieure à celle de l'image choisie. Ce qu'il faudrait, c'est donc diminuer cette longueur. Je dirais que le problème vient soit du template, soit du CSS -ça peut venir des deux- alors je propose que tu nous passe ton template "index_box" et ton css pour qu'on puisse t'aider à régler le problème ! ^^
MessageSujet: Re: Problème avec la barre de séparation.   Problème avec la barre de séparation. EmptySam 18 Déc 2010, 07:51
Revenir en haut Aller en bas
http://kyria.forumactif.com/index.htm
Kÿria
Kÿria
{ Membre }
{ Membre }

Féminin Messages : 104



Problème avec la barre de séparation. Empty
Merci voici ce que vous demandez :

Index-box :

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="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></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="{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>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <center><span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center>
         </span>
      </td>
      <!-- BEGIN forum_link_no -->
      <td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" 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" 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 -->


CSS :

Code:
body { background-attachment: fixed; background-position: top center;}
a:hover {
text-decoration: none !important;
}

a.forumlink {
text-decoration: none;
background-color: #162106;
border-bottom: 2px double #7FA65E;
border-top: 2px double #162106;
-moz-border-radius: 10px ;
border-right: 5px solid #162106;
-moz-border-radius: 10px ;
border-left: 5px solid #162106;
display:block;

}
a.forumlink:hover {
text-decoration: none;
background-color: #162106;
border-bottom:2px double #7FA65E;
border-top: 2px double #7FA65E;
-moz-border-radius: 10px ;
border-right: 5px solid #7FA65E;
-moz-border-radius: 10px ;
border-left: 5px solid #7FA65E;
display:block;
}

a { text-decoration: none; }
tr.post span.gensmall { display: none; }
.postdetails.poster-profile a img {
margin: auto;
display: block;
margin-bottom: -10px;
}

#qeel
{background-color: #162106;}

#qeel td.row1
{background: none;}

.groupes
{border: 1px dotted #7FA65E;
padding-left: 7px;
padding-right: 7px;
padding-top: 3px;
padding-bottom: 3px;
margin-left: 5px;
margin-right: 5px;
text-decoration: none;
-moz-border-radius:10px;}

.groupes:hover
{border: 1px dotted #7FA65E;
text-decoration: none!important;}

.contour
{border: 1px solid #7FA65E;
padding: 5px;
margin: 3px;
text-align: justify;
-moz-border-radius:10px;}

a.forumlink {text-align: center;}
MessageSujet: Re: Problème avec la barre de séparation.   Problème avec la barre de séparation. EmptySam 18 Déc 2010, 08:02
Revenir en haut Aller en bas
http://pacific-isle.forum-pro.fr/forum.htm
LittleThing
LittleThing
{ Membre }
{ Membre }

Féminin Messages : 175



Problème avec la barre de séparation. Empty
Change tout ton template par celui-ci (pas d'inquiétude, je n'ai changé qu'une seule petite chose -le chiffre de la longueur de la colonne où s'affiche "Derniers Messages"-)

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="1" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="50"><div style="width:50px;">{L_LASTPOST}</div></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="{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>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <center><span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center>
        </span>
      </td>
      <!-- BEGIN forum_link_no -->
      <td class="row3" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" 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" 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 -->

Voilà, en espérant avoir pu t'aider !
MessageSujet: Re: Problème avec la barre de séparation.   Problème avec la barre de séparation. EmptySam 18 Déc 2010, 09:32
Revenir en haut Aller en bas
http://kyria.forumactif.com/index.htm
Kÿria
Kÿria
{ Membre }
{ Membre }

Féminin Messages : 104



Problème avec la barre de séparation. Empty
Bonjour.

Merci le problème de la barre de séparation est réglé mais un autre problème est survenu.

Voici une screenshot. Les colonnes n'ont plus la même largeur.
Spoiler:

J'ai également une autre question.

Tous mes rang sont entre les balises :

Code:
<center></center>

Mais pourtant ils ne sont pas center
Spoiler:

EDIT : Problème des colonnes résolu, reste plus que le problème des rang
MessageSujet: Re: Problème avec la barre de séparation.   Problème avec la barre de séparation. EmptySam 18 Déc 2010, 16:24
Revenir en haut Aller en bas
Invité
Invité




Problème avec la barre de séparation. Empty
Hum, avez vous regarder le tutoriel concernant l'alignement du profil?
MessageSujet: Re: Problème avec la barre de séparation.   Problème avec la barre de séparation. EmptySam 18 Déc 2010, 18:18
Revenir en haut Aller en bas
http://kyria.forumactif.com/index.htm
Kÿria
Kÿria
{ Membre }
{ Membre }

Féminin Messages : 104



Problème avec la barre de séparation. Empty
Trouvé le tuto ^^

Problème résolu, merci à vous. Smile
MessageSujet: Re: Problème avec la barre de séparation.   Problème avec la barre de séparation. EmptyDim 19 Déc 2010, 05:58
Revenir en haut Aller en bas
Contenu sponsorisé




Problème avec la barre de séparation. Empty
MessageSujet: Re: Problème avec la barre de séparation.   Problème avec la barre de séparation. Empty
Revenir en haut Aller en bas
 

Problème avec la barre de séparation.

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

 Sujets similaires

-
» Problème avec ma barre qui est en ligne?
» Problème avec ma barre de navigation.
» Problème avec ma Barre de Navigation
» Probléme de position avec ma Barre de Navigation.
» Barre de séparation...

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-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

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 | Cookies | Forum gratuit