Catégories non centrés et pas très grandes
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Catégories non centrés et pas très grandes
Bonjour,
voila j'ai voulu mettre un code dans template et css pour avoir les catégories dans un autre style, les codes fonctionnent très bien mais les cellules ne sont ni centrées ni grandes je vous mette l'image pour mieux comprendre :
Voici mon Template :
code css :
voila j'ai voulu mettre un code dans template et css pour avoir les catégories dans un autre style, les codes fonctionnent très bien mais les cellules ne sont ni centrées ni grandes je vous mette l'image pour mieux comprendre :
Voici mon Template :
- 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}
Merci pour aide à l'avance !!
{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 -->
<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>
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"><div class="categories" align="center"> {catrow.tablehead.L_FORUM} </div></th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<!-- 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}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<!-- END inc -->
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<span class="genmed"><table class="forum-description"><tr><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 width="450"><span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span><span class="gensmall">{catrow.forumrow.FORUM_DESC}
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
</span></td><td class="forum-stats" valign="middle" height="50">
{catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} sujets.
<span class="gensmall">{catrow.forumrow.LAST_POST}</span></td></tr></table></span>
</td>
<!-- BEGIN forum_link_no -->
<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!-- END forum_link -->
</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 -->
code css :
- Spoiler:
- Code:
.forumline { border: 5px solid #000000;}
.categories{
background-color: #ffffff;
margin: auto;
padding: 4px;
width:auto;
text-align: center;
height: 14px;
font-size: 11px;}
.forum-description {
margin: 12px;
padding: 10px;
color: #000000;
width:700px;
border: 1px solid #000000;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
font-size: 12px;
}
.forum-stats {
-moz-border-radius: 20px;
webkit-border-radius: 20px;
border-radius: 20px;
border: 1px solid #000000;
color: #ffffff;
font-size: 11px;
font-style: italic;
padding: 3px;
text-align: center;
width: 150px;}
.topiclist dl.icon {
min-height: 60px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 60px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 60px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 60px;
}
Dernière édition par Vale le Jeu 20 Jan 2011 - 12:47, édité 1 fois
Vale- *
-
Messages : 46
Inscrit(e) le : 02/11/2010
Re: Catégories non centrés et pas très grandes
Bonjour,
En agissant sur les dimensions dans le template et dans la CSS, on doit pouvoir modifier ça. J'ai fait une tentative, dites moi si c'est mieux avec:
ce template:
Cordialement.
En agissant sur les dimensions dans le template et dans la CSS, on doit pouvoir modifier ça. J'ai fait une tentative, dites moi si c'est mieux avec:
ce template:
- 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 --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"><div class="categories" align="center"> {catrow.tablehead.L_FORUM} </div></th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<!-- 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}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<!-- END inc -->
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50" >
<span class="genmed"><table class="forum-description"><tr><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 width="75%"><span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /><br /> </span><span class="gensmall">{catrow.forumrow.FORUM_DESC} <br />{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}<br />
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
</span></td><td class="forum-stats" valign="middle" height="50">
{catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} sujets.<br /><span class="gensmall">{catrow.forumrow.LAST_POST}</span></td></tr></table></span>
</td>
<!-- BEGIN forum_link_no -->
<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!-- END forum_link -->
</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 -->
- Code:
.forumline { border: 5px solid #000000;}
.categories{
background-color: #ffffff;
margin: auto;
padding: 4px;
width:auto;
text-align: center;
height: 14px;
font-size: 11px;}
.forum-description {
margin: 12px;
padding: 10px;
color: #000000;
width: 98%;
border: 1px solid #000000;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
font-size: 12px;
}
.forum-stats {
-moz-border-radius: 20px;
webkit-border-radius: 20px;
border-radius: 20px;
border: 1px solid #000000;
color: #ffffff;
font-size: 11px;
font-style: italic;
padding: 3px;
text-align: center;
width: 150px;}
.topiclist dl.icon {
min-height: 60px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 60px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 60px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 60px;
}
Cordialement.
Invité- Invité
Re: Catégories non centrés et pas très grandes
merci beaucoup ça fonctionne merci merci
sujet résolu
sujet résolu
Vale- *
-
Messages : 46
Inscrit(e) le : 02/11/2010
Sujets similaires
» Les grandes catégories en onglets
» Temps de chargement des pages très très longs.
» Catégories et forums centrés.
» Catégories & sous forums non centrés
» Sujets récents sur le portail qui s'affole/défile très très vite
» Temps de chargement des pages très très longs.
» Catégories et forums centrés.
» Catégories & sous forums non centrés
» Sujets récents sur le portail qui s'affole/défile très très vite
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum