Traits de séparation verticaux

2 participants

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

Résolu Traits de séparation verticaux

Message par Heartless1 Ven 12 Aoû 2011 - 14:46

Bonjour,

Après lecture des "Trucs et Astuces" et recherche rapide sur le forum, je me permets enfin de vous prendre quelques minutes de votre temps pour vous exposer mon problème, et ainsi, peut-être avoir une solution.
Comme dit ici, j'aimerais supprimer le trait qui sépare l'image du forum, ainsi que celui qui sépare le forum du dernier message. Le souci avec la question qui a déjà été posée est que je ne vois pas exactement ce qui change entre les deux codes. J'ai vu seulement deux modifications que j'ai apporté à mon forum actuel (dont je suis la fondatrice), mais mon tableau se déforme. Sans doute dû une contradiction entre deux codes ? Je ne sais pas. C'est pourquoi je m'en remets à vous.

Mon navigateur : Mozilla Firefox
Version : phpBB2
Aperçu : https://i.servimg.com/u/f48/12/58/30/54/aperau10.jpg

Code CSS :

Code:
a {
text-decoration: none !important;

}

a:hover{
text-decoration: none !important;

}

.descriptions {
background-color: #BFC9B1;
font-size:10px;
margin-left: 25px;
margin-right: 25px;
text-align: justify;
display:block;
padding: 10px;
}

.defilement {
overflow: auto;
width:260px;
height: 50px;
text-align:justify;
display: block;
padding-right: 10px;
margin-top:4px;
}

.descriptions1 {
color: #378040;
font-size: 10px;
font-weight: bold;
}

.sous-forums {
font-weight:bold;
font-size: 10px;
color: #378040;
}

.forumlink {
font-size: 22px;
display:block;
text-align:center;
font-variant:small-caps;
text-transform: lowercase;
font-family:georgia;
font-weight:lighter;
letter-spacing:-1px;
word-spacing:3px;
}

.forumlink:hover {
font-size: 22px;
display:block;
text-align:center;
font-variant:small-caps;
text-transform: lowercase;
font-family:georgia;
font-weight:lighter;
letter-spacing:-1px;
word-spacing:3px;
}

.forumline {
-moz-border-radius: 5px 5px 5px;
-moz-box-shadow: 0px 0px 2px #545454;
}

.bodyline {
-moz-border-radius: 5px 5px 5px;
-moz-box-shadow: 0px 0px 2px #545454;
}

.statistiques {
font-size:10px;
display:block;
text-align:justify;
margin-bottom:100px;
border:0px;
background-image: url("LIEN");
background-repeat: no-repeat;
background-position: center;
height:270px;
margin-left:100px;
}

.categorie {
display:block;
padding-top:2px;
padding-bottom:2px;
text-shadow: 0px 0px 2px #FCF8EA;
letter-spacing:-1px;
}

.groupes{
padding:2px;
font-size:13px;
font-weight: bold;
text-decoration: none !important;
margin-left: 1px;
margin-right: 1px;
text-transform: lowercase;
letter-spacing: -1px;
font-family: Trebuchet MS;
}

.groupes:hover{
padding:2px;
font-size:13px;
font-weight: bold;
text-decoration: none !important;
margin-left: 1px;
margin-right: 1px;
text-transform: lowercase;
letter-spacing: -1px;
font-family: Trebuchet MS;
text-shadow: 0px 0px 2px #FFFFFF;
}

.texte2 {
font-weight:bold;
color: #378040;
margin-left:25px;
margin-right:25px;
font-size:10px;
}


.texte4 {
font-weight:bold;
font-size:10px;
marfin-bottom:5px;
}


.lastpost1 {
font-size:10px;
background-color: #BFC9B1;
text-align: justify;
display:block;
padding: 9px;
margin-top:-31px;
margin-bottom:0px;
text-align:center;
}

.mainmenu {
font-family:georgia;
font-size:12px;
font-weight:lighter;
letter-spacing:-1px;
margin-left:-10px;
}

.mainmenu:hover {
font-family:georgia;
font-size:12px;
font-weight:lighter;
letter-spacing:-1px;
margin-left:-10px;
}

.sujetsmessages {
text-align:center;
display: block;
padding-right: 25px;
margin-top:-25px;
margin-bottom:10px;
font-size:10px;
font-weight:lighter;
font-style:italic;
}






.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
  left: 212px;
  top: 142px;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
  top: 52px;
  left: 212px;
}
.colorpicker_rgb_g {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
  top: 82px;
  left: 212px;
}
.colorpicker_rgb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
  top: 112px;
  left: 212px;
}
.colorpicker_hsb_h {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
  top: 52px;
  left: 282px;
}
.colorpicker_hsb_s {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
  top: 82px;
  left: 282px;
}
.colorpicker_hsb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
  top: 112px;
  left: 282px;
}
.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
  left: 322px;
  top: 142px;
  overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}


Template 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}

        {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 -->
        <div style="margin-right:50px;"> <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></div>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" align="center" border="0" cellspacing="1" cellpadding="0">
  <tr>
    <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="90%" class="secondarytitle">  <span class="categorie">{catrow.tablehead.L_FORUM}</span></th>
      <th nowrap="nowrap" width="100"><div style="width:150px;"></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}"><span class="categorie">{catrow.cathead.CAT_TITLE}</span></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 -->
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
       
      </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><span class="sujetsmessages">Les membres y ont posté un total de {catrow.forumrow.POSTS} messages répartis dans {catrow.forumrow.TOPICS} sujets.</span>
           
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <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}
        </span>
      </td>
 
      <td class="row3 over" align="center" valign="middle" height="50"><div class="lastpost">
        <span class="gensmall"></div><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}"/><br><br>
<br><div class="lastpost1">{catrow.forumrow.LAST_POST}</span></div>
      </td>
  </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 -->


En l'attente de vos réponses, je vous remercie de votre attention.

avatar

Heartless1
Nouveau membre

Messages : 3
Inscrit(e) le : 12/08/2011

http://plb-2.forumgratuit.be/
Heartless1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Traits de séparation verticaux

Message par SoraNoHime Sam 13 Aoû 2011 - 3:57

Bonsoir

repérez ceci dans votre template :

Code:

          <th nowrap="nowrap" width="100"><div style="width:150px;"></div></th>

et supprimer le, puis repérez ceci :

Code:
  <!-- BEGIN forumrow -->
        <tr>
     
      <!-- BEGIN inc -->
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
     
      </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><span class="sujetsmessages">Les membres y ont posté un total de {catrow.forumrow.POSTS} messages répartis dans {catrow.forumrow.TOPICS} sujets.</span>
         
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <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}
        </span>
      </td>
 
      <td class="row3 over" align="center" valign="middle" height="50"><div class="lastpost">
        <span class="gensmall"></div><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}"/><br><br>
<br><div class="lastpost1">{catrow.forumrow.LAST_POST}</span></div>
      </td>
  </tr>
  <!-- END forumrow -->

et changez la ainsi :
Code:
  <!-- BEGIN forumrow -->
        <tr>
     
      <!-- BEGIN inc -->
      <!-- END inc -->
<td><table width="100%" cellspacing="0"cellpaddin="0"><tr>
      <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><span class="sujetsmessages">Les membres y ont posté un total de {catrow.forumrow.POSTS} messages répartis dans {catrow.forumrow.TOPICS} sujets.</span>
         
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <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}
        </span>
      </td>
 
      <td class="row3 over" align="center" valign="middle" height="50"><div class="lastpost">
        <span class="gensmall"></div><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}"/><br><br>
<br><div class="lastpost1">{catrow.forumrow.LAST_POST}</span></div>
      </td></tr></table></td>
  </tr>
  <!-- END forumrow -->

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Traits de séparation verticaux

Message par Heartless1 Sam 13 Aoû 2011 - 17:48

Bonjour,

Merci de votre réponse, ça fonctionne à merveille !
Au revoir. Smile
avatar

Heartless1
Nouveau membre

Messages : 3
Inscrit(e) le : 12/08/2011

http://plb-2.forumgratuit.be/
Heartless1 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum