-Titulo: Separar detalles postbit

-URL: LocalHost u.u pronto en host pago.

-Version del Foro: 1.6

-Actualizacion: 1.6.1

-Informacion: Bueno esto es un capricho mio pero vale postearlo xD! Simplemente quiero saber como separar los detalles del postbit pero a medida, yo los separe colocando un <br /> pero los separa mas de que lo quiero, yo quiero que queden separados 2 o 3 px como mucho, aca esta separados 6px minimo..

Imagen asi se entiende mas facil.


Saludos y Gracias por el alto soporte que me estan dando!!!!

Con <br> se puede .
Pon tu Posbit autor user.

7 Feb, 2011, 12:46 pm Ignnacio wrote:
Con <br> se puede .
Pon tu Posbit autor user.

Man, lee el post completamente ¬¬ Yo utilize <br /> pero lo separa mas de lo que yo quiero, ese es el punto..

<div class="postbitrec" style="text-align: left"><b>{$lang->postbit_posts} {$post['postnum']}</b><br&nbsp;/></div>
<br />
<div class="postbitrec" style="text-align: left"><b>{$lang->postbit_joined} {$post['userregdate']}</b></div>
<br />
<div class="postbitrec" style="text-align: left"><b>{$post['replink']}</b></div>
<br />
<div class="postbitrec" style="text-align: left"><b>Nacionalidad: </b><img class="alinearvertical" src="images/flags/{$post['fid1']}.gif" border="0" alt="{$post['fid1']}" /><br /></div>
<br />
<div class="postbitrec" style="text-align: left"><b>Genero: </b><img class="alinearvertical" src="images/flags/{$post['fid3']}.png" border="0" alt="{$post['fid3']}" /><br ></div>
<br />
<div style="text-align: center"><b>{$post['warninglevel']}</b></div>
<br />
<div align="left" >{$post['onlinestatus']}</div>

Bueno en mi libro leí que puede ser así mira (si se puede, pero es una forma, después puede haber otra forma de usar el br):
<br> 77 <br> wii <br> ola <br>

<div class="postbitrec" style="text-align: left"><b>{$lang->postbit_posts} {$post['postnum']}</b><br&nbsp;/></div><br><div class="postbitrec" style="text-align: left"><b>{$lang->postbit_joined} {$post['userregdate']}</b></div><br><div class="postbitrec" style="text-align: left"><b>{$post['replink']}</b></div><br><div class="postbitrec" style="text-align: left"><b>Nacionalidad: </b><img class="alinearvertical" src="images/flags/{$post['fid1']}.gif" border="0" alt="{$post['fid1']}" /></div><br><div class="postbitrec" style="text-align: left"><b>Genero: </b><img class="alinearvertical" src="images/flags/{$post['fid3']}.png" border="0" alt="{$post['fid3']}" /></div><br><div style="text-align: center"><b>{$post['warninglevel']}</b></div><br><div align="left" >{$post['onlinestatus']}</div> 

Prueba con ese código.

7 Feb, 2011, 1:30 pm Ignnacio wrote:
Bueno en mi libro leí que puede ser así mira (si se puede, pero es una forma, después puede haber otra forma de usar el br):
<br> 77 <br> wii <br> ola <br>

<div class="postbitrec" style="text-align: left"><b>{$lang->postbit_posts} {$post['postnum']}</b><br&nbsp;/></div><br><div class="postbitrec" style="text-align: left"><b>{$lang->postbit_joined} {$post['userregdate']}</b></div><br><div class="postbitrec" style="text-align: left"><b>{$post['replink']}</b></div><br><div class="postbitrec" style="text-align: left"><b>Nacionalidad: </b><img class="alinearvertical" src="images/flags/{$post['fid1']}.gif" border="0" alt="{$post['fid1']}" /></div><br><div class="postbitrec" style="text-align: left"><b>Genero: </b><img class="alinearvertical" src="images/flags/{$post['fid3']}.png" border="0" alt="{$post['fid3']}" /></div><br><div style="text-align: center"><b>{$post['warninglevel']}</b></div><br><div align="left" >{$post['onlinestatus']}</div> 

Prueba con ese código.

Eso lo separa igual que poniendo <br />

¿Probaste siquiera?, habían unos <br /> desordenados.

7 Feb, 2011, 1:57 pm Ignnacio wrote:
¿Probaste siquiera?, habían unos <br /> desordenados.

Si probe.

Con un <p>, puede que sirva.

<p><div class="postbitrec" style="text-align: left"><b>{$lang->postbit_posts} {$post['postnum']}</b></div></p>
<p><div class="postbitrec" style="text-align: left"><b>{$lang->postbit_joined} {$post['userregdate']}</b></div></p>
<p><div class="postbitrec" style="text-align: left"><b>{$post['replink']}</b></div></p>
<p><div class="postbitrec" style="text-align: left"><b>Nacionalidad: </b><img class="alinearvertical" src="images/flags/{$post['fid1']}.gif" border="0" alt="{$post['fid1']}" /><br /></div></p>
<p><div class="postbitrec" style="text-align: left"><b>Genero: </b><img class="alinearvertical" src="images/flags/{$post['fid3']}.png" border="0" alt="{$post['fid3']}" /><br ></div></p>
<p><div style="text-align: center"><b>{$post['warninglevel']}</b></div></p>
<p><div align="left" >{$post['onlinestatus']}</div></p> 

al postbitrec del CSS agregale:

margin-bottom: *px

en * ponle la separación que quieras...

7 Feb, 2011, 2:32 pm Maxii wrote:
al postbitrec del CSS agregale:

margin-bottom: *px

en * ponle la separación que quieras...

Funciono!! Gracias!!!

Pueden cerrar (: