Hola que tal, navegando por los foros de vB, me encontre con un BBCode el cual te permitia poner una caja de descarga como esta.


Así que me decidí a probarlo en mis foros, y me funciono, el problema era que si ponía una url muy larga la caja se deformaba, así que me decidí a testear el myCode y logre hacer que la caja se adaptara al largo de la url, pero ahora la caja me queda asi.


Y no se como hacerle para borrar ese borde que sobresale de la caja. Les dejo el codigo de la caja.

<table border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td colspan="3">
        <table border="0" width="100%" cellspacing="0" cellpadding="0">
            <tr>
                <td background="images/misc/down1.gif" height="39" width="113">
                &nbsp;</td>
		<img border="0" src="images/misc/space.gif" width="1" height="1"></td>
                <td bgcolor="#C0DDFF" height="39">
                <img border="0" src="images/misc/space.gif" width="1" height="1"></td>
                
                <td background="images/misc/down3.gif" height="39" width="48">
                &nbsp;</td>
		<img border="0" src="images/misc/space.gif" width="1" height="1"></td>
            </tr>
        </table>
        </td>
    </tr>
    <tr>
        <td bgcolor="#C0DDFF" width="10">&nbsp;</td>
        <td bgcolor="#C0DDFF">
        <table border="1" width="100%" cellspacing="0" cellpadding="0" style="border-collapse: collapse; border: 1px solid #007FD8" bgcolor="#FFFFFF">
            <tr>
                <td style="font-family: Arial; font-size: 12px; color: #707070; text-align: center">
                <p style="margin: 5px">$1</td>
            </tr>
        </table>
        </td>
        <td bgcolor="#C0DDFF" width="10">&nbsp;</td>
    </tr>
    <tr>
        <td colspan="3">
        <table border="0" width="100%" cellspacing="0" cellpadding="0">
            <tr>
                <td background="images/misc/down4.gif" height="11" width="11">
                <img border="0" src="images/misc/space.gif" width="1" height="1"></td>
                <td bgcolor="#C0DDFF" height="11">
                <img border="0" src="images/misc/space.gif" width="1" height="1"></td>
                <td background="images/misc/down5.gif" height="11" width="11">
                <img border="0" src="images/misc/space.gif" width="1" height="1"></td>
            </tr>
        </table>
        </td>
    </tr>
</table>

Espero me puedan ayudar. Saludos

Tienes algún demo de donde lo tengas ya insertado?

si AQUI

UMM se debe a que el espacio colocado (el que sobresale) no es una imagen y entonces bien ocupa el alto que la imagen de ''descarga'' que es de 39 px. Ya aqui en mybb-es yo habia puesto esa misma caja en ese justo color, lamentablemente no encuentro el tema. Seria bueno que probaras con este code y me dijeras que cambios notas. *Cambia la ruta de las imgs por las imagenes que uses:

<div align="center"><table border="0" cellspacing="0" cellpadding="0"> <tr> <td height="39" colspan="3"> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="123" background="images/dld/dld1.gif" height="39">&nbsp; </td> <td background="images/dld/dld2.gif">&nbsp;</td> <td width="48" background="images/dld/dld3.gif" height="39">&nbsp;  </td> </tr> </table> </td> </tr> <tr> <td bgcolor="#0089a6" width="10">&nbsp;</td> <td bgcolor="#0089a6"> <table border="1" width="100%" cellspacing="0" cellpadding="0" style="border-collapse: collapse; border: 1px solid #00a8cd" bgcolor="#FFFFFF"> <tr> <td style="font-family: Arial; font-size: 12px; color: #707070; text-align: center"> <p style="margin: 5px"> <font color="Navy" size="2"><b>$1</b></font></td> </tr> </table> </td> <td bgcolor="#0089a6" width="10">&nbsp;</td> </tr> <tr> <td colspan="3"> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td background="images/dld/dld4.gif" height="11" width="11"> <img border="0" src="/images/spacer.gif" width="1" height="1"></td> <td bgcolor="#0089a6" height="11"> <img border="0" src="/images/spacer.gif" width="1" height="1"></td> <td background="images/dld/dld5.gif" height="11" width="11"> <img border="0" src="/images/spacer.gif" width="1" height="1"></td> </tr> </table> </td> </tr> </table></div>

Mensaje editado: Para que se vea la diferencia, maurusky para la otra usa Code o PHP, gracias por ayudar a los usuarios de Mybb-Es, Ignnacio.

wuau!!!! te luciste, muchas gracias amigo te mereces +Rep pueden cerrar el hilo.

Edito. todo va bien, pero con google chrome se deforma toda la caja, me podias ayudar

Umm ya veo :S , nunca lo pude arreglar , pero se me ocurre que puedes hacer la imagen de descarga mas ancha y asi en links cortos se veria bien pero aun así en los largos se veria mal. Lamento no poder aydarte esta vez .

@Ignnacio : Thanks, esque lo pegué a lo rápido.

mmmm que mal, lo que se me hace raro es que se vea bien en Firefox y en IE. De todos muchas gracias