Problème de largeur de cadre "nombre de messages"

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

Résolu Problème de largeur de cadre "nombre de messages"

Message par aure_lie le Lun 2 Sep 2013 - 13:25

Bonjour ou bonsoir à tous Affirmatif 

Tout d'abord merci de lire ce message, je sais que le temps de chacun est précieux mais je suis face à un problème. Il est peut-être tout bête mais j'avoue ne pas réussir à le résoudre. J'ai crée deux cadres sur mon forum, un pour le nombre de messages et un pour les liens vers les sous forums. Jusque là tout va bien, il ne me reste qu'à le modifier pour changer les couleurs etc ... Mais mon PROBLEME est qu'en faite, en créant le deuxième cadre, le premier a en quelque sorte "rétrécit". Voici une capture d'écran pour vous montrer :

Capture d'écran:

Ce que je souhaiterai c'est que les deuxième cadre (le plus à droite) soit un peu plus gros, de la même taille que celui d'à côté. J'espère être assez claire dans ma recherche :/ Voici mon template et mon CSS, à savoir que j'ai accès au compte fondateur et que je suis en phpBB2 :

Index_box :
Spoiler:

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 --><center><div class="titrecat">{catrow.tablehead.L_FORUM}</div></center><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 
<!-- 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="80%">
 <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="80%" height="50">
 <h{catrow.forumrow.LEVEL} class="hierarchy">
 <span class="forumlink">
                                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class="title">{catrow.forumrow.FORUM_NAME}</div></a><br />
 </span>
 </h{catrow.forumrow.LEVEL}>
                  <span class="genmed"><div class ="catego">{catrow.forumrow.FORUM_DESC}</div></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 -->
 
</span> <!--JS donné par Kanala sur PRD pour le tuto d’alignement vertical des sous-forums -->

<script type="text/javascript">
    jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' <br/>')).removeAttr('id');
    </script>
 </td>
 
         <td class="row3 over" align="center" valign="middle" height="100" width="30%"><div class="cadremess"><span class="gensmall"><b>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></span></b></td>
  
         
          <td class="row3 over" align="center" valign="middle" height="50" width="90%">
                  <div class="cadremess"><span class="gensmall"><b>{catrow.forumrow.TOPICS}</b> sujets <b>&</b> <b>{catrow.forumrow.POSTS}</b> messages</span><br/><br/><span class="gensmall">{catrow.forumrow.LAST_POST}</div></span>
                    </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 -->

Feuille CSS :
Spoiler:

Code:
/* QEEL */
        
                 .partiegauche{
          border-right: 1px solid #999999;
          font-size: 11px;
          font-family: 'Arial';
        }
        .groupes{
          font-family: 'Petit Formal Script';
        }
        .tableauqueel{
          border: 1px solid #999999;
        }




/* REDIMENSIONNER GIF PROFIL */
.postdetails.poster-profile img {
 width: 150px;
}


/* IMAGES FLOTTANTES */

.floatleft{
float: left;
padding: 1%;
margin-right: 2px;
margin-top: 2px;
}

/* GROUPES */

.groupes{
  font-family:georgia;
  letter-spacing: 4px;
  font-weight:bold;
            }

/* DERNIERE EDITION */

-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }


/* TITRE CATEGORIES */
.title {
   display:block;
   font-size:14px; /* la taille de la police */
   font-family:Times New Roman;
   letter-spacing: 3px;
   padding:2px; /* Pour éviter que le texte ne soit collé aux bords de la case */
   text-align:left;
   font-variant:big-caps; /* Les petites capitales */
   color:#7a7a7a !important; /* On force l'application de cette propriété grâce au !important */
   font-weight:bold; /* Le texte non boldé */
   margin-bottom:0; /* Pour qu'il n'y ait pas trop d'espace entre le titre et ce qu'il y a en dessous */
   }

.title:hover{
   font-variant:big-caps;
   color:#8a7c7b !important;
   font-weight:bold; /* Texte en  gras */
   display:block;
   }


/* DESCRIPTION CATEGORIES */
div.catego {
  background-color:#fcfaf0; /* On lui donne une couleur de fond */
   -moz-border-radius: 10px; /* Réglage des arrondis des coins pour mozilla */
   -webkit-border-radius: 10px; /* Réglage des arrondis des coins pour chrome et safari */
   border-radius:10px; /* réglage des arrondis des coins */
   border:1px dotted #e3768b;
   width:500px;
   min-height:20px; /* La hauteur minimum */
   font-size:10px;
   text-align:justify;
   text-indent:0px; /* La première ligne du bloc sera décallée de 6px vers la droite */
   padding:4px;
   margin:2px;
  font-family:georgia;
  font-size:10px;
   color:#596168;
   }


/* BORDURE FORUM */

.bodyline{border-left:8px solid #e3768b;
border-right:8px solid #e3768b;}

/* BARRE MENU HEADER */

.navtop {
padding-right: 2px;
background-color:#e3768b;
color: #958585;
font-weight:bold;
letter-spacing: 0px;
position: top;
font-family: 'Butterfly Kids', cursive;
font-size:15px;
text-align: center;
width : 100% ;}


/* Menu navigation au survol de la souris */
.navtop:hover {
padding-right:10px;
background-color:#e3768b;
color: #958585;
font-weight:bold;
position: top;
font-family: 'Butterfly Kids', cursive;
font-size:15px;
font-variant: small-caps;
text-align: center;
width : 100% ;}

/* SOULIGNEMENT PSEUDO */

A:link {text-decoration: none !important;}
A:visited {text-decoration: none !important;}
A:active {text-decoration: none !important;}
A:hover {text-decoration: none !important;}

/* SURLIGNEMENT CATEGORIES */

.main {
  background-color : #ccd6db;
text-align : center;
}


/* CADRE AVATAR */
.cadreprofil{
background-color: #b9d0dd;
width: 200px;
padding: 5px;
   border-top-left-radius: 1px;
   border-top-right-radius: 1px;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
}

/* CADRE PROFIL */
.cadreprofil2{
background-color: #F5EBDB;
  border-left:2px solid #b9d0dd;
  border-right:2px solid #b9d0dd;
  border-top: 2px solid #b9d0dd;
  border-bottom: 2px solid #b9d0dd;
  border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
margin: 2px 2px 2px 2px;width: 200px;
}

/* ELEMENTS PROFIL */

.pro {
text-align:center;
}


/* BORDURE CATEGORIE */
a.forumlink{
  border-bottom: 3px double #e24c69;
color:#a4c0d0;
display:block;
text-align: center;
}

/* TITRE CATEGORIE */
.titrecat {
text-align: center;
padding-top: 10px;
padding-bottom: 29px;
display: block;
width: 100%;
border-top: 3px solid #fdf9e3;
border-right: 3px solid #fdf9e3;
border-left: 3px solid #fdf9e3;
background-color: #fdf9e3;
color: #fdf9e3;
border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
margin-top: 10px;
height: 30px;
font-weight: bolder;}
/* FIN */


/* Cadre nouveaux messages */
.cadremess{
background-color: #fdf9e3;
 -moz-border-radius: 25px;
  border : 2px solid #e24c69 ;  
height: 115px;
padding: 7px;
text-align:justify;
}

/*PA*/

.titre2 { text-transform: lowercase;
  letter-spacing: -3px;
  font-family: times new roman;
  font-style: italic;
  text-align: center;
  font-size: 50px;
  color: #78667D;
 }

.arthur {
  height: 140px;
  border: 3px solid #58905e; /* couleur des bords */
 
  display: block;
    padding-left: 10px;
    padding-right: 10px;
    text-align:justify;
  line-height: 12px;
  background-color: #f9ecd3; /* couleur du fond */
}


Je tiens à préciser qu'il s'agit de mon forum test donc je peux tout essayer dessus Smile
Merci par avance de bien vouloir m'aider I love you  I love you


Dernière édition par aure_lie le Lun 2 Sep 2013 - 22:20, édité 1 fois

aure_lie
Nouveau membre

Féminin
Messages : 3
Inscrit(e) le : 02/09/2013

http://chicago-lights.forumactif.org/
aure_lie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de largeur de cadre "nombre de messages"

Message par Anzu le Lun 2 Sep 2013 - 19:36

Bonsoir,

Il suffit de rajouter ceci:

Code:
style="min-width: 185px;"
dans le td concerné =>

Code:

                  <td style="min-width: 185px;" class="row3 over" align="center" valign="middle" height="50">
                          <div class="cadremess"><span class="gensmall"><b>{catrow.forumrow.TOPICS}</b> sujets <b>&</b> <b>{catrow.forumrow.POSTS}</b> messages</span><br/><br/><span class="gensmall">{catrow.forumrow.LAST_POST}</div></span>
                            </td>
Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de largeur de cadre "nombre de messages"

Message par aure_lie le Lun 2 Sep 2013 - 22:20

Merci beaucoup Anzu pour la réponse cela m'est bien utile Razz 
Je vais de ce pas éditer le titre de ma recherche, merci encore I love you 

aure_lie
Nouveau membre

Féminin
Messages : 3
Inscrit(e) le : 02/09/2013

http://chicago-lights.forumactif.org/
aure_lie a été remercié(e) par l'auteur de ce sujet.

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


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