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

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