Duda con height
Código inservible Quiero lograr que los cuadros se estiren al alto 100%, cosa que no logro, ideas? Intento lograr una barra horizontal cool o si no...

Código:
Código inservible

Quiero lograr que los cuadros se estiren al alto 100%, cosa que no logro, ideas?

Intento lograr una barra horizontal cool o si no tendré que poner la vertical que casi no me gusta.
{SIGNATURE_IMAGE}
Olviden el post anterior, me decidi por el postbit_classic, ahora si pudieran ayudarme:

Este es el postbit_classic:
Código:
<style type="text/css">
.red2, .green2, .blue2{margin:0px;padding:0px;height:8px;}
.red, .green, .blue{margin:0px;padding:0px;height:8px;}
.red{border:1px solid #A84100;background-color:#FFE4D3;}
.green{border:1px solid #31511B;background-color:#E3F2D9;}
.blue{border:1px solid #1B2E52;background-color:#CFDAEF;}

td.classicw{
    width:160px;
    max-width:160px;
    min-width:160px;
    padding:0px;
    margin:0px;
}
.nick{
    font-size:130%;
}
.postbit1, .postbit2, .postbit3{
    border: 1px solid #ccc;
    padding: 2px;
    background: #f0f0f0 url(images/granime/gradient.png) repeat-x bottom left;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#eaeaea');
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eaeaea));
    background: -moz-linear-gradient(top,  #f9f9f9,  #eaeaea);
    background: -o-linear-gradient(#f9f9f9,#eaeaea);
}
.postbit1{
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    margin:0px 5px 5px;
    text-shadow: 0px 0px 3px rgba(0,0,0,.1);
}
.postbit2{
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    font-size:85%;
    text-align:left;
    margin:0px 5px 5px;
}
.postbit3{
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom: 0px solid #ccc;
    font-size:120%;
    font-weight:bold;
    margin:0px 5px 0px;
}
.status{margin-bottom:-3px;}
.usertitle{font-size:70%;}
</style>

{$ignore_bit}
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder1" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}" width="100%">
    <tr>
        <td class="trow2 classicw nowrap group_{$post['usergroup']}" width="160px" valign="top" align="center"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>

<div class="postbit1 nick">{$post['profilelink']}{$post['onlinestatus']}</div>
<div class="postbit1 usertitle">{$post['usertitle']}<br/>{$post['userstars']}</div>
{$post['useravatar']}{$post['levelbar']}{$post['groupimage']}
<div>
<div class="postbit3">Info de Usuario</div>
<div class="postbit2">{$post['user_details']}{$post['newpoints_postbit']}</div>
</div>

    </td>
    <td class="trow2" valign="top">
        <table width="100%">
            <tr><td>{$post['posturl']}<span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>
            <br />
            <div id="pid_{$post['pid']}" style="padding: 5px 0 5px 0;">
                {$post['message']}
            </div>
            {$post['attachments']}
            {$post['signature']}
            <div style="text-align: right; vertical-align: bottom;" id="post_meta_{$post['pid']}">
                <div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>
                {$post['iplogged']}
            </div>
        </td></tr>
    </table>
</td>
</tr>
<tr>
    <td class="{$altbg}" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext">{$post['read_indicator']} {$post['postdate']} {$post['posttime']}</span></td>
    <td class="{$altbg}" style="vertical-align: middle;">
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr valign="bottom">
                <td align="left" ><span class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>
                <td align="right">{$post['button_tyl']}{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}</td>
            </tr>
        </table>
    </td>
</tr>
<tr style="{$post['tyl_display']}" id="tyl_{$post['pid']}">
    {$post['thankyoulike_data']}
</tr>
</table><div align="center">{myadvertisements[zone_3]}</div>

Y este el postbit_groupimage:
Código:
<div class="postbit1" style="margin-bottom:0px;"><img src="{$usergroup['image']}" alt="{$usergroup['title']}" title="{$usergroup['title']}" width="130px" height"25px" /></div>

Si entran aquí verán que la imagen de de grupo deja un espacio edebajo,como si tuviera margin, no alla la forma de solucionarlo, alguna idea?
{SIGNATURE_IMAGE}
(14 May, 2011, 9:31 pm)Bour Elvan escribió: Eso no es CSS simplemente borra un <br> o </br> que este despues de {$post['groupimage']}

Ese es exactamente el problema, no hay <br/>'s por ningun lado, por eso deje las plantillas, no importa a donde mueva {$post['groupimage']} parece que un <br/> invisible lo sigue :S
{SIGNATURE_IMAGE}
EDITO; si hay un <br />

ya vui el codigo
(14 May, 2011, 9:46 pm)DARKNESSDH escribió: EDITO; si hay un <br />

ya vui el codigo

Pero no alguno que interfiera con{$post['groupimage']}, o viste el código fuente de la web?
{SIGNATURE_IMAGE}
asi es ahi es donde dice el br
OK, lo encontré en el código fuente, pero no encuentro el como quitarlo.

En mi postbit_classic aparee esto:
Código:
{$post['useravatar']}{$post['groupimage']}{$post['levelbar']}

En postbit_avatar no hay <br/>, en el levelbar tampoco por ningún lado.

En el postbit_groupimage tampoco tiene <br/>'s pero lo raro es que en users que no tienen imagen de grupo no aparece ese <br/>.

Debería de estar allí y no esta, alguna idea de donde encontrarlo?
{SIGNATURE_IMAGE}
pon aqui el template.....
(14 May, 2011, 9:03 pm)Sama34 escribió: Olviden el post anterior, me decidi por el postbit_classic, ahora si pudieran ayudarme:

Este es el postbit_classic:
Código:
<style type="text/css">
.red2, .green2, .blue2{margin:0px;padding:0px;height:8px;}
.red, .green, .blue{margin:0px;padding:0px;height:8px;}
.red{border:1px solid #A84100;background-color:#FFE4D3;}
.green{border:1px solid #31511B;background-color:#E3F2D9;}
.blue{border:1px solid #1B2E52;background-color:#CFDAEF;}

td.classicw{
    width:160px;
    max-width:160px;
    min-width:160px;
    padding:0px;
    margin:0px;
}
.nick{
    font-size:130%;
}
.postbit1, .postbit2, .postbit3{
    border: 1px solid #ccc;
    padding: 2px;
    background: #f0f0f0 url(images/granime/gradient.png) repeat-x bottom left;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#eaeaea');
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eaeaea));
    background: -moz-linear-gradient(top,  #f9f9f9,  #eaeaea);
    background: -o-linear-gradient(#f9f9f9,#eaeaea);
}
.postbit1{
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    margin:0px 5px 5px;
    text-shadow: 0px 0px 3px rgba(0,0,0,.1);
}
.postbit2{
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    font-size:85%;
    text-align:left;
    margin:0px 5px 5px;
}
.postbit3{
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom: 0px solid #ccc;
    font-size:120%;
    font-weight:bold;
    margin:0px 5px 0px;
}
.status{margin-bottom:-3px;}
.usertitle{font-size:70%;}
</style>

{$ignore_bit}
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder1" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}" width="100%">
    <tr>
        <td class="trow2 classicw nowrap group_{$post['usergroup']}" width="160px" valign="top" align="center"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>

<div class="postbit1 nick">{$post['profilelink']}{$post['onlinestatus']}</div>
<div class="postbit1 usertitle">{$post['usertitle']}<br/>{$post['userstars']}</div>
{$post['useravatar']}{$post['levelbar']}{$post['groupimage']}
<div>
<div class="postbit3">Info de Usuario</div>
<div class="postbit2">{$post['user_details']}{$post['newpoints_postbit']}</div>
</div>

    </td>
    <td class="trow2" valign="top">
        <table width="100%">
            <tr><td>{$post['posturl']}<span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>
            <br />
            <div id="pid_{$post['pid']}" style="padding: 5px 0 5px 0;">
                {$post['message']}
            </div>
            {$post['attachments']}
            {$post['signature']}
            <div style="text-align: right; vertical-align: bottom;" id="post_meta_{$post['pid']}">
                <div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>
                {$post['iplogged']}
            </div>
        </td></tr>
    </table>
</td>
</tr>
<tr>
    <td class="{$altbg}" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext">{$post['read_indicator']} {$post['postdate']} {$post['posttime']}</span></td>
    <td class="{$altbg}" style="vertical-align: middle;">
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr valign="bottom">
                <td align="left" ><span class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>
                <td align="right">{$post['button_tyl']}{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}</td>
            </tr>
        </table>
    </td>
</tr>
<tr style="{$post['tyl_display']}" id="tyl_{$post['pid']}">
    {$post['thankyoulike_data']}
</tr>
</table><div align="center">{myadvertisements[zone_3]}</div>

Y este el postbit_groupimage:
Código:
<div class="postbit1" style="margin-bottom:0px;"><img src="{$usergroup['image']}" alt="{$usergroup['title']}" title="{$usergroup['title']}" width="130px" height"25px" /></div>

Si entran aquí verán que la imagen de de grupo deja un espacio edebajo,como si tuviera margin, no alla la forma de solucionarlo, alguna idea?

Estos u otros?
{SIGNATURE_IMAGE}
Tema cerrado