Problème de largeur de cadre "nombre de messages"
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problème de largeur de cadre "nombre de messages"
Bonjour ou bonsoir à tous
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 :
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 :
Feuille CSS :
Je tiens à préciser qu'il s'agit de mon forum test donc je peux tout essayer dessus
Merci par avance de bien vouloir m'aider
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
Merci par avance de bien vouloir m'aider
Dernière édition par aure_lie le Lun 2 Sep 2013 - 22:20, édité 1 fois
Re: Problème de largeur de cadre "nombre de messages"
Bonsoir,
Il suffit de rajouter ceci:
Il suffit de rajouter ceci:
- Code:
style="min-width: 185px;"
- 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>
Re: Problème de largeur de cadre "nombre de messages"
Merci beaucoup Anzu pour la réponse cela m'est bien utile
Je vais de ce pas éditer le titre de ma recherche, merci encore
Je vais de ce pas éditer le titre de ma recherche, merci encore
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum