Pointillé pour séparée les sujets Bouton_activePointillé pour séparée les sujets Bouton_hoverPointillé pour séparée les sujets Fb-hoverPointillé pour séparée les 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
Pointillé pour séparée les sujets EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Pointillé pour séparée les sujets EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Pointillé pour séparée les sujets EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Pointillé pour séparée les sujets EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Pointillé pour séparée les sujets EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Pointillé pour séparée les sujets EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Pointillé pour séparée les sujets EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Pointillé pour séparée les sujets EmptySam 11 Fév 2023, 06:04 par Krager

-56%
Le deal à ne pas rater :
Ampli Home Cinema Denon AVR-X1700H à 349€
349 € 799 €
Voir le deal

Partagez
 

Pointillé pour séparée les sujets

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Pointillé pour séparée les sujets Empty
Bonjour,

Je voudrais savoir comment modifier la séparation entre deux sujets. Par exemple sur CSSActif, quand on clique sur un forum on voit la liste des sujets et entre deux il y a une ligne en point.

Capture d'écran:
Spoiler:

Merci
Cordialement Jiben


Dernière édition par Jiben le Ven 08 Oct 2010, 13:53, édité 1 fois
MessageSujet: Pointillé pour séparée les sujets   Pointillé pour séparée les sujets EmptyMer 06 Oct 2010, 08:27
Revenir en haut Aller en bas
http://www.css-actif.com/
Furase
{ Membre actif }
{ Membre actif }

Féminin Messages : 312



Pointillé pour séparée les sujets Empty
Bonjour.

Pour faire cette modification, tu dois avoir accès aux templates (donc être le fondateur du forum en version phpBB2).

Les templates sont accessibles depuis le panneau d'administration > Affichage > Templates : Général.

Ouvres le template topic_list_box et cherche cette ligne (ctrl+f pour rechercher) :
Code:

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

Remplaces-la par cette ligne :
Code:

<table class="forumline liste-sujets" width="100%" border="0" cellspacing="0" cellpadding="0">

Tu dois ensuite aller dans le css de ton forum. Panneau d'administration > Affichage > Images et couleurs : Couleurs > onglet "feuille de style css"

Ajoutes ceci :
Code:

.liste-sujets td {
   border-bottom: dotted 1px red;
}

dotted est le style de la bordure. Tu peux le remplacer par dashed si tu veux voir un autre style de pointillés.
1px est l'épaisseur de la bordure. Tu peux la changer en remplaçant le 1 par la valeur de ton choix.
red est la couleur de la bordure (donc ici elle sera rouge). Tu peux la changer en le remplaçant par le nom de la couleur que tu veux (parmi les 16 reconnus par les navigateurs), ou par sa valeur en hexadécimal, composée de 6 chiffres précédés par #


Fu'

MessageSujet: Re: Pointillé pour séparée les sujets   Pointillé pour séparée les sujets EmptyMer 06 Oct 2010, 09:09
Revenir en haut Aller en bas
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Pointillé pour séparée les sujets Empty
Bonjour,

je viens d'effectuer tous vos manipulation Smile

Par contre petit probléme, au lieu d'avoir une ligne j'en est deux, moi je voudrais enlevé celle que j'ai souligner en vert sur la capture d'écran ci dessous.

Capture d'écran :

Spoiler:

Mon templates aussi :

Spoiler:

Je vous remercie d'avance de votre aide (:
Cordialement Jiben.
MessageSujet: Re: Pointillé pour séparée les sujets   Pointillé pour séparée les sujets EmptyMer 06 Oct 2010, 11:37
Revenir en haut Aller en bas
http://www.css-actif.com/
Furase
{ Membre actif }
{ Membre actif }

Féminin Messages : 312



Pointillé pour séparée les sujets Empty
Remplaces ton template par celui-ci :
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 liste-sujets" width="100%" border="0" cellspacing="0" 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="150"></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%">
        <table width="100%" class="lien-sujet">
        <tr>
     
        <td>
        <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";border-bottom:"1px dotted white">
              <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>  par <span class="name"><strong>  {topics_list_box.row.TOPIC_AUTHOR}</strong></span>
            </h2>
        </div>
        <!-- BEGIN switch_description -->
        <span class="genmed">
         

            {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>
</tr>
        </table>
 </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.REPLIES} Réponses  |
    {topics_list_box.row.VIEWS} Vues

{topics_list_box.row.LAST_POST_TIME}
{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> </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 -->

Et ajoutes dans ton css :
Code:

.lien-sujet td {
   border: none !important }

Je n'ai pas regardé ton code intégralement, mais je pense que tu peux déjà supprimer les
Code:
;border-bottom:"1px dotted white"
qui sont dans ton code...
Rappel: quand on veut introduire du css dans une balise html, on utilise l'attribut style, qui prend pour valeur la liste de propriétés css qu'on veut appliquer à la balise.
Les propriétés incluses directement ne sont pas comprises.

Code:

<balise style="propriété1: valeur1; propriété2: valeur2;">


Fu'


EDIT :
En fait, j'ai juste rajouté une classe dans le tableau que tu as créé dans le tableau de base (où tu as mis le titre du sujet). Le css permet de dire que pour ce tableau on ne veut pas de bordure, et la mention "important" signifie que cette instruction prévaut sur les autres. La ligne pointillée supplémentaire qui s'affichait vient du fait qu'on a demandé à ce que TOUS les td contenu dans le tableau qui a pour classe "liste-sujets" aient une bordure en bas, et cela était valable aussi pour le tableau imbriqué, avant qu'on ne demande le contraire.
MessageSujet: Re: Pointillé pour séparée les sujets   Pointillé pour séparée les sujets EmptyMer 06 Oct 2010, 12:06
Revenir en haut Aller en bas
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Pointillé pour séparée les sujets Empty
Bonjour.

J'ai mis votre templates que vous m'avez donnée mais je n'est pas de pointillés puis le texte 5 "Réponses |28 VuesAujourd'hui à 21:04jiben Voir le dernier message " est comme sa maintenant alors qu'il n'était pas comme ceci avant =/

merci d'avance de votre aide Smile
MessageSujet: Re: Pointillé pour séparée les sujets   Pointillé pour séparée les sujets EmptyMer 06 Oct 2010, 16:10
Revenir en haut Aller en bas
http://www.css-actif.com/
Furase
{ Membre actif }
{ Membre actif }

Féminin Messages : 312



Pointillé pour séparée les sujets Empty
Autant pour moi, je n'avais pas fait attention au décalage qui s'est créé. Par contre chez moi les pointillés y étaient. Vérifie ton css.

Essaie avec ceci pour le template (dans lequel il n'y a pas grand-chose de différences avec le précédent...) :

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 liste-sujets" width="100%" border="0" cellspacing="0" 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="150"></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%">
        <table class="lien-sujet" width="100%">
        <tr>
     
        <td>
        <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>  par <span class="name"><strong>  {topics_list_box.row.TOPIC_AUTHOR}</strong></span>
            </h2>
        </div>
        <!-- BEGIN switch_description -->
        <span class="genmed">
         

            {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>
</tr>
        </table>
 </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.REPLIES} Réponses  |
    {topics_list_box.row.VIEWS} Vues

{topics_list_box.row.LAST_POST_TIME}
{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> </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 -->

Dans ton css tu dois avoir ceci :
Code:

.lien-sujet td {
   border: none !important; }

.catBottom, .catBottom td {
   border: 0px !important;
}

.liste-sujets td {
   border-bottom: dotted 1px red;
}
(J'en ai profité pour rajouter une ligne qui corrige un petit détail que je n'avais pas vu.)

Si tu veux changer le style et la couleur de la bordure, c'est toujours comme cité dans un précédent message. Ici ce sera bien dans la dernière ligne que tu dois changer ça.


Fu'
MessageSujet: Re: Pointillé pour séparée les sujets   Pointillé pour séparée les sujets EmptyVen 08 Oct 2010, 09:39
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



Pointillé pour séparée les sujets Empty
Jiben, ceci est une demande de code et non d'aide, la prochaine fois je verrouillerai ta demande. Et pour la capture d'écran, la prochaine fois, fais un schéma détaillé et non un screen d'un autre forum (en plus CSSActif). Nous n'autorisons plus les screens des autres forums !

Relis bien le règlement avant de poster sinon tu auras un avertissement.
MessageSujet: Re: Pointillé pour séparée les sujets   Pointillé pour séparée les sujets EmptyVen 08 Oct 2010, 11:01
Revenir en haut Aller en bas
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Pointillé pour séparée les sujets Empty
Furase a écrit:
Autant pour moi, je n'avais pas fait attention au décalage qui s'est créé. Par contre chez moi les pointillés y étaient. Vérifie ton css.

Essaie avec ceci pour le template (dans lequel il n'y a pas grand-chose de différences avec le précédent...) :

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 liste-sujets" width="100%" border="0" cellspacing="0" 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="150"></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%">
        <table class="lien-sujet" width="100%">
        <tr>
     
        <td>
        <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>  par <span class="name"><strong>  {topics_list_box.row.TOPIC_AUTHOR}</strong></span>
            </h2>
        </div>
        <!-- BEGIN switch_description -->
        <span class="genmed">
         

            {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>
</tr>
        </table>
 </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.REPLIES} Réponses  |
    {topics_list_box.row.VIEWS} Vues

{topics_list_box.row.LAST_POST_TIME}
{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> </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 -->

Dans ton css tu dois avoir ceci :
Code:

.lien-sujet td {
   border: none !important; }

.catBottom, .catBottom td {
   border: 0px !important;
}

.liste-sujets td {
   border-bottom: dotted 1px red;
}
(J'en ai profité pour rajouter une ligne qui corrige un petit détail que je n'avais pas vu.)

Si tu veux changer le style et la couleur de la bordure, c'est toujours comme cité dans un précédent message. Ici ce sera bien dans la dernière ligne que tu dois changer ça.


Fu'


Bonjour a vous,

je viens de mettre vos codes, et tout fonctionne Wink
Je vous remercie de votre aide.
Bonne soirée.


Imari a écrit:
Jiben, ceci est une demande de code et non d'aide, la prochaine fois je verrouillerai ta demande. Et pour la capture d'écran, la prochaine fois, fais un schéma détaillé et non un screen d'un autre forum (en plus CSSActif). Nous n'autorisons plus les screens des autres forums !

Relis bien le règlement avant de poster sinon tu auras un avertissement.

Imari, je m'excuse si c'est une demande de code =/
Par contre je ne savais pas pour les capture d'écran que c'étais devenu interdit =(
Encore désolé.
Bonne soirée a vous aussi.

Cordialement Jiben
MessageSujet: Re: Pointillé pour séparée les sujets   Pointillé pour séparée les sujets EmptyVen 08 Oct 2010, 13:52
Revenir en haut Aller en bas
http://www.css-actif.com/
Furase
{ Membre actif }
{ Membre actif }

Féminin Messages : 312



Pointillé pour séparée les sujets Empty
Je classe Wink


Fu'
MessageSujet: Re: Pointillé pour séparée les sujets   Pointillé pour séparée les sujets EmptyVen 08 Oct 2010, 13:54
Revenir en haut Aller en bas
Contenu sponsorisé




Pointillé pour séparée les sujets Empty
MessageSujet: Re: Pointillé pour séparée les sujets   Pointillé pour séparée les sujets Empty
Revenir en haut Aller en bas
 

Pointillé pour séparée les sujets

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

 Sujets similaires

-
» Faire remonter "... sujets pour .. messages"
» Recherche code pour changer Sujets/messages
» Modification de la barre de titre pour les "sujets"
» Bordure en pointillé
» Problème de Pointillé

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