DarkFinder   27 Mar, 2011, 8:15 pm
#1
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
ZioGuE   28 Mar, 2011, 6:09 pm
#2
Tienes algún demo de donde lo tengas ya insertado?
DarkFinder   28 Mar, 2011, 8:06 pm
#3
si AQUI
ZioGuE   29 Mar, 2011, 2:24 pm
#4
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.
DarkFinder   29 Mar, 2011, 9:40 pm
#5
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
ZioGuE   30 Mar, 2011, 2:47 pm
#6
DarkFinder   30 Mar, 2011, 9:17 pm
#7
mmmm que mal, lo que se me hace raro es que se vea bien en Firefox y en IE. De todos muchas gracias
  
Powered By MyBB, © 2002-2025 MyBB Group.
Made with by Curves UI.