[Ayuda] Con la vista de las categorias
Bueno gracias a cluster mi foro se ve muy bien pero tengo un detalle q no se a que se deba dejo esta imagen que contemplen mi duda
Si se dan cuenta en esta imagen se ve la categoría elegante en un cuadro completo:
![[Image: GysCK.png]](http://i.imgur.com/GysCK.png)
En cambio en mi foro se ve recuadrado todo, me dejo entender a lo que me refiero:
![[Image: 3Zyw5.png]](http://i.imgur.com/3Zyw5.png)
Espero me ayuden con este tema por favor:
Si se dan cuenta en esta imagen se ve la categoría elegante en un cuadro completo:
![[Image: GysCK.png]](http://i.imgur.com/GysCK.png)
En cambio en mi foro se ve recuadrado todo, me dejo entender a lo que me refiero:
![[Image: 3Zyw5.png]](http://i.imgur.com/3Zyw5.png)
Espero me ayuden con este tema por favor:
para ser franco no recuerdo que area del CSS cambie pero supongo que es cosa del tborder

y eso lo encuentro en estilos verdad pero como podre modificarlo que debo modificar ai
en forumbit_depth1_cat cellspacing="" tiene que estar en 0 osea cellspacing="0"

12 Dec, 2012, 12:41 am Cluster wrote:
en forumbit_depth1_cat cellspacing="" tiene que estar en 0 osea cellspacing="0"
este es el código que esta ahora:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead" colspan="3">
<div><img src="images/mybbes/categoria_{$forum['fid']}.png" alt="{$forum['name']}"> <a title="{$forum['name']}" href="{$forum_url}"><strong>{$forum['name']}</a></strong> <small><span sryle="font-weight: 0;">{$forum['description']}</span></small></div>
</td>
<td class="thead" width="70" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>
<td class="thead" width="70" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_posts}</strong></span></td>
<td class="thead" width="150" align="center">
<div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div>
<span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span>
</td>
</tr>
</thead>
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
{$sub_forums}
</tbody>
</table>
<br />y si me dices que tengo que hacer eso tendría que ponerlo de esta manera:
<table border="0" cellspacing="0" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead" colspan="3">
<div><img src="images/mybbes/categoria_{$forum['fid']}.png" alt="{$forum['name']}"> <a title="{$forum['name']}" href="{$forum_url}"><strong>{$forum['name']}</a></strong> <small><span sryle="font-weight: 0;">{$forum['description']}</span></small></div>
</td>
<td class="thead" width="70" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>
<td class="thead" width="70" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_posts}</strong></span></td>
<td class="thead" width="150" align="center">
<div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div>
<span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span>
</td>
</tr>
</thead>
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
{$sub_forums}
</tbody>
</table>
<br />- - - Actualizado - - -Bueno hice eso pero mira como se me ve ahora:
![[Image: WN4S9.png]](http://i.imgur.com/WN4S9.png)
que navegador usas? yo lo veo perfecto

uso el Google Chrome pero este foro se me ve bien, en cambio el mio no, pongo una imagen mas detallada para que contemples:
![[Image: kqN6G.png]](http://i.imgur.com/kqN6G.png)
![[Image: kqN6G.png]](http://i.imgur.com/kqN6G.png)
Cambia en tu hoja de estilo global.css, esto:
Por todo esto:
.thead {
background: #182846 url(images/nesil/tablo.gif) repeat-x scroll left top;
color: white;
border-bottom: 1px solid #BEBEBE;
padding: 7px 15px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
font-weight: bold;
}Por todo esto:
.thead {
background: #182846 url(images/nesil/tablo.gif) repeat-x scroll left top;
color: white;
border-bottom: 1px solid #BEBEBE;
padding: 7px 15px;
font-weight: bold;
}
.thead:first-child {
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
}
.thead:last-child {
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
}
@Cluster @Steeep
muchas gracias a ambos me ayudaron mucho ai les dejo reputación, pueden cerrar el tema..
muchas gracias a ambos me ayudaron mucho ai les dejo reputación, pueden cerrar el tema..