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 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.
Omar G.
Olviden el post anterior, me decidi por el postbit_classic, ahora si pudieran ayudarme:

Este es el postbit_classic:
<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:
<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?
Omar G.
Eso no es CSS simplemente borra un <br> o </br> que este despues de {$post['groupimage']}
Bour Elvan
14 May, 2011, 9:31 pmBour 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
Omar G.
EDITO; si hay un <br />

ya vui el codigo
DARKNESSDH
14 May, 2011, 9:46 pmDARKNESSDH 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?
Omar G.
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:
{$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?
Omar G.
pon aqui el template.....
Sama34
14 May, 2011, 9:03 pmSama34 escribió:
Olviden el post anterior, me decidi por el postbit_classic, ahora si pudieran ayudarme:

Este es el postbit_classic:
<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:
<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?
Omar G.
Tema cerrado
Colaboradores
Gustavo R. DARKNESSDH
This forum uses Lukasz Tkacz MyBB addons.