Liste des sujets Bouton_activeListe des sujets Bouton_hoverListe des sujets Fb-hoverListe des sujets 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
» Système d'onglets simple et personnalisable
Liste des sujets EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Liste des sujets EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Liste des sujets EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Liste des sujets EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Liste des sujets EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Liste des sujets EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Liste des sujets EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Liste des sujets EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -17%
(Black Friday) Apple watch Apple SE GPS + Cellular ...
Voir le deal
249 €

Partagez
 

Liste des sujets

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://master-poke.xooit.com
MP
MP
{ Membre }
{ Membre }

Féminin Messages : 66



Liste des sujets Empty
Bonsoir,

Une nouvelle fois je viens vous embêter avec une petite question de détail, mais assez désagréable dans la navigation de mon forum. Lorsque l'on affiche le contenu d'un forum avec la liste des sujets qu'il comporte, quand le curseur passe sur les différents titres des sujets, il y a une espèce d'effet bizarre, comme l'apparition d'un espace. Je ne sais pas trop comment expliquer, mais on dirait que les sujets des topics font des bonds.

Je vous invite à regarder par vous-mêmes, ce sera sans doute plus parlant ^^" !

Par ici. Faites glisser votre curseur sur les différents titres des topics, et vous verrez certainement ce dont je veux parler.

J'espère que quelqu'un trouvera ce qui peut causer ce petit souci. Merci d'avance !


Dernière édition par Jellicle le Ven 11 Fév 2011, 13:23, édité 1 fois
MessageSujet: Liste des sujets   Liste des sujets EmptyMar 01 Fév 2011, 15:24
Revenir en haut Aller en bas
Invité
Invité




Liste des sujets Empty
Tu pourrais fournir le code associé à tes sujets que l'on puisse regarder ce qui va pas ^^'? je pense avoir vu mais il faut que je sache ou modifier
MessageSujet: Re: Liste des sujets   Liste des sujets EmptyMar 01 Fév 2011, 17:41
Revenir en haut Aller en bas
http://master-poke.xooit.com
MP
MP
{ Membre }
{ Membre }

Féminin Messages : 66



Liste des sujets Empty
Hum, le template en question c'est topics_list_box ? Si oui, le voici :
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
   var all_checked = true;
   for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
      }
   }
   document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
   for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
      }
   }
}
</script>
<!-- END multi_selection -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>
      <th align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </th>
      <th align="center" nowrap="nowrap" width="100"> {topics_list_box.row.L_AUTHOR} </th>
      <th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th>
      <th align="center" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </th>
      <!-- BEGIN multi_selection -->
      <th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
   <!-- END multi_selection -->
   </tr>
   <!-- BEGIN pagination -->
   <tr>
      <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END pagination -->
   <!-- END header_table --><!-- BEGIN header_row -->
   <tr>
      <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
   </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
   <tr>
      <!-- BEGIN single_selection -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
      <!-- END single_selection -->
      <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
      <!-- BEGIN icon -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
      <!-- END icon -->
      <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
         <div class="topictitle">
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
            <h2 class="topic-title">
               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
            </h2>
         </div>
         <!-- BEGIN switch_description -->
         <span class="genmed">
            <br />
            {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
         </span>
         <!-- END switch_description -->
         <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> 
         <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
      </td>

      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td>
      <td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td>
      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td>
      <td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td>
<!-- BEGIN multi_selection -->
      <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
   <!-- END multi_selection -->
   </tr>
   <!-- END topic --><!-- BEGIN no_topics -->
   <tr>
      <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
   </tr>
   <!-- END no_topics --><!-- BEGIN bottom -->
   <tr>
      <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td> <span class="gensmall">{PAGINATION}</span></td>
               <td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
            </tr>
         </table>
      </td>
   </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->
MessageSujet: Re: Liste des sujets   Liste des sujets EmptyMar 01 Fév 2011, 17:57
Revenir en haut Aller en bas
Invité
Invité




Liste des sujets Empty
Hum visiblement ce n'est pas dans le template, tu pourrais me fournir ton CSS stp =)? [désolé du retard de réponse]
MessageSujet: Re: Liste des sujets   Liste des sujets EmptyDim 06 Fév 2011, 13:55
Revenir en haut Aller en bas
http://master-poke.xooit.com
MP
MP
{ Membre }
{ Membre }

Féminin Messages : 66



Liste des sujets Empty
Le retard n'est pas un souci, c'est déjà gentil à toi de te pencher sur mon souci ^^' !

Voici mon CSS :

Code:
/*Supprimer bordure du forum*/
.bodyline{border: none;}
.forumline{border: none;}

/*Retirer soulignement pseudos*/
a{text-decoration: none;}

/*Liens avec changement de couleur au survol*/
a:hover {color:#bed86f;
text-decoration: none !important;}

.textarea {background-color:#000000;
border:2px solid #bdd86e;
      -moz-border-radius: 7px;}

/*Justifier le contenu du forum*/
.postbody, td.row1 span.gensmall {
      text-align: justify !important;
      display: block;
      margin-left:15px;
      margin-right:15px;}

/*Supprimer images de barre de navigation*/
a.mainmenu img {display:none;}
a.mainmenu{padding-left:4px;padding-right:4px;}

/*Champ de titre de message arrondi*/
input.post {background-color:#ffffff;-moz-border-radius:10px;-webkit-border-radius: 10px;}

/*Bordure des catégories arrondie*/
.forumline{background-color: #bbba9a;
      -moz-border-radius: 15px ;
      border: 5px #202126 solid;}

/*Avatar centré*/
.postdetails.poster-profile a img {
      margin: auto;
      display: block;
      margin-bottom: -10px;}

/*Enlever dernière modification...*/
tr.post span.gensmall { display: none; }

/*CHATBOX : Couleur nom + liens archive, connexion...*/
      #chatbox_header .catBottom .cattitle {background-coloer:none; color:#becc7a;}
      #chatbox_header .chatbox-options .genmed,
      #chatbox_header .chatbox-options,
      #chatbox_header .chatbox-options a {color:#becc7a;}

/*CHATBOX : Couleur de fond*/
body.chatbox {
background-color:#bbba9a;}

/*Enlever les marges en haut et en bas du forum*/
body { margin : 0 ; }

/*Modifier les liens des sous-forums*/
.sousforum a{font-style: bold;
font-family: Arial;
font-variant: small-caps;
font-size: 11px !important;}

/*Modifier les sous-forums*/
.sousforum {border-top: 2px solid #bed86f;}

/*Arrondir les angles des titres de catégories*/
.forumline tr:last-child .row1:not([valign]) {
    -moz-border-radius: 7px;}
td.row1[valign="middle"] {
    -moz-border-radius: 7px;}
.catHead:not([colspan]) {
    -moz-border-radius: 7px;}
th[width="150"] {
    -moz-border-radius-topright: 7px;}
.secondarytitle{
    -moz-border-radius-topleft: 7px;}

/*Titre catégorie centré (sans derniers messages)*/
.titrecate {padding-left: 150px;}


/*CSS en-tete*/
    */opacité staff */
    .staff {
    filter:alpha(opacity=50);
    -moz-opacity:0.5;opacity: 0.5;}

    .staff:hover {
    filter:alpha(opacity=100);
    -moz-opacity:1;opacity: 1;}

    .complet{
    text-align:center;
    color:#66625A;}

    .complet a{
    color:#66625A;
    text-decoration:none;}

    .context{
    padding-left:20px;
    padding-right:20px;
    font-size:14px;}

    .titrebas{
    color: #202126 ;
    background-color:#bed86f;
    text-align: center;
    font-variant: small-caps;
    -moz-border-radius:10px;
    font-size:12px;
    margin-bottom:5px;}
 
    .bas{
    background-color:#202126;
    -moz-border-radius:10px;
    padding:5px;}

    .navig{
    margin-left:15px;
    margin-right:15px;
    margin-bottom:1px;
    background-color:#b3cd64;
    display:block;
    border-left:5px solid #47474c;
    border-right:5px solid #47474c;
    -moz-border-radius:3px;}
 
    .navig:hover{
    border-left:5px solid #ababb0;
    border-right:5px solid #ababb0;}

    .textscroll{
    overflow:auto;
    padding:2px;
    text-align: justify;
    width:295px;
    height: 130px;}

    .textscroll2{
    overflow:auto;
    padding:2px;
    text-align: justify;
    width:295px;
    height: 95px;}

    .block{
    padding-bottom:15px;
    -moz-border-radius:5px;}

    .logo{padding-bottom:20px;}

    .titre {
    color: #bed86f;
    background-color: #202126;
    text-align: center;
    font-variant: small-caps;
    -moz-border-radius:10px;
    font-size:12px;
    font-style: bold;}

    .top {
    border: 1px solid #66625A;
    background-color: #202126;
    padding:4px;}

    a.imginfo {   
    position: relative;   
    color: #7d7d7d;   
    text-decoration: none;   
    border-bottom: 0px #7d7d7d solid;}   

    a.imginfo span {   
    display: none;} 

    a.imginfo:hover {   
    background: none;
    z-index: 999;   
    cursor: help;}
/*FIN CSS en-tete*/


/*Mettre un ascenceur*/
.ascenseur {
    position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
    top: 50px; /*--- On le place à 50 px du haut de l'écran ---*/
    left: 0px; /*--- On le place à 0px de la gauche de l'écran ---*/
    background-color: #bbba9a; /*--- On donne une couleur au fond ---*/
    -moz-border-radius: 0px 27px 27px 0px; /*--- On arrondit les bords ---*/
    -webkit-border-radius: 0px 27px 27px 0px;
    border-radius: 0px 35px 35px 0px;}

/*Apparence Code*/
.code {
    background-color: #ffffff;
    border:none;
    border-right:5px #a60200 solid;
    border-left:5px #a60200 solid;
    font-family: courier new;
    font-size: 12px;
    -webkit-box-shadow: 0px 0px 5px #000;
    -moz-box-shadow: 0px 0px 5px #000;
    box-shadow: 0px 0px 5px #000;
    color: #a60200;
    padding: 5px;
    margin: 5px;}

/*Apparence Quote*/
.quote {
    background-color: #ffffff;
    border:none;
    border-right:5px #202126 solid;
    border-left:5px #202126 solid;
    color: #202126;
    -webkit-box-shadow: 0px 0px 5px #000;
    -moz-box-shadow: 0px 0px 5px #000;
    box-shadow: 0px 0px 5px #000;
    font-family: arial;
    font-size: 11px;
    padding: 5px;
    margin: 5px;}

/*Apparence Spoiler*/
.spoiler_closed{background-color: #202126;
    border:#202126}
.spoiler_content{font-family: arial;
    font-size: 11px;
    background-color: #e4e4d7;
    border:2px #202126 solid;
    border-right:5px #202126 solid;
    border-left:5px #202126 solid;
    color: #64666e;
    padding: 5px;
    margin: 5px;}

/*CSS barre de navigation en haut */
.navi {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 999;
    width: 100%;
    font-variant: small-caps;
    background-color: #202126;
    border-bottom: 2px solid #bdd86e;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    -webkit-box-shadow: 0px 0px 10px #000;
    -moz-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
    height:23px;}
MessageSujet: Re: Liste des sujets   Liste des sujets EmptyDim 06 Fév 2011, 17:54
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Liste des sujets Empty
Bonjour,

Je pense que le problème vient de cette partie :

Code:
/*Justifier le contenu du forum*/
.postbody, td.row1 span.gensmall {
      text-align: justify !important;
      display: block;
      margin-left:15px;
      margin-right:15px;}

Et plus précisément du "display: block;" Cela crée un espace entre les titres des sujets =)
Il suffit de retirer juste ce morceau et normalement ça ne buguera plus =)
MessageSujet: Re: Liste des sujets   Liste des sujets EmptyVen 11 Fév 2011, 10:30
Revenir en haut Aller en bas
http://master-poke.xooit.com
MP
MP
{ Membre }
{ Membre }

Féminin Messages : 66



Liste des sujets Empty
Merci beaucoup, ça marche nickel ! C'est de suite mieux quand on ne se contente pas de copier/coller bêtement, en tout cas je le saurais ! Problème résolu Wink !
MessageSujet: Re: Liste des sujets   Liste des sujets EmptyVen 11 Fév 2011, 13:23
Revenir en haut Aller en bas
Contenu sponsorisé




Liste des sujets Empty
MessageSujet: Re: Liste des sujets   Liste des sujets Empty
Revenir en haut Aller en bas
 

Liste des sujets

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

 Sujets similaires

-
» Pagination de la liste des sujets
» Problème avec la liste des sujets
» Fond de la liste des sujets qui ne va pas jusqu'en bas [A archiver]
» Enlever ou modifier un élément de la liste de sujets
» Problème affichage liste des sujets [resolu]

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