Ayuda con error de alineación en tabla de productos

hamedm · 26 Mar 2013

Hola, Como Estan?
Miren, Ahora Tengo un Error en esta pagina Sabz Goltab » Productos
Me puedes Ayudar, es que lo que pasa es que no se que hacer para que salgan como un cuadrado y ademas salgan seguidos es que me estan saliendo muy largo
Me gustaria que quedara igual que esta pagina Goltab Sabz Company - Products
Espero Que me puedan ayudar, lo tengo que entregar hoy mismo, y estoy un poco atrasado

Gypaete · 31 Mar 2013

Si todavía te sirve, aquí está:

PHP:

        <table height="100%" width="99%" border="0" align="center" cellpadding="2" cellspacing="3">
        <tbody>
            <tr>
                <td align="right" height="100%" width="180" valign="top"> 
                    <table width="100%" height="100%" border="0" style="border:1px #CCCCCC dashed;" cellpadding="3">
                        <tbody>
                            <tr>
                                <td valign="middle" align="center" colspan="2"><a href="http://sabzgoltab.feriainternacionaldecali.com/productos/default.asp?view=2&cid=2"><img align="absmiddle" border="0" src="http://www.goltabsabz.com/images/pcat.gif"></a></td>
                            </tr>
                            <tr>
                                <td colspan="2" align="center"><a href=""><strong>Circulo</strong></a></td>
                            </tr>
                            <tr></tr>
                        </tbody>
                </table> 
                </td>
                <td align="right" height="100%" width="180" valign="top"> 
                    <table width="100%" height="100%" border="0" style="border:1px #CCCCCC dashed;" cellpadding="3">
                        <tbody>
                            <tr>
                                <td valign="middle" align="center" colspan="2"><a href="http://sabzgoltab.feriainternacionaldecali.com/productos/default.asp?view=2&cid=2"><img align="absmiddle" border="0" src="http://www.goltabsabz.com/images/pcat.gif"></a></td>
                            </tr>
                            <tr>
                                <td colspan="2" align="center"><a href=""><strong>Circulo</strong></a></td>
                            </tr>
                            <tr></tr>
                        </tbody>
                    </table>
                </td>
                <td align="right" height="100%" width="180" valign="top"> 
                    <table width="100%" height="100%" border="0" style="border:1px #CCCCCC dashed;" cellpadding="3">
                        <tbody>
                            <tr>
                                <td valign="middle" align="center" colspan="2"><a href="http://sabzgoltab.feriainternacionaldecali.com/productos/default.asp?view=2&cid=2"><img align="absmiddle" border="0" src="http://www.goltabsabz.com/images/pcat.gif"></a></td>
                            </tr>
                            <tr>
                                <td colspan="2" align="center"><a href=""><strong>Circulo</strong></a></td>
                            </tr>
                            <tr></tr>
                        </tbody>
                    </table> 
                </td>
            </tr>
            <tr>
                <td align="right" height="100%" width="180" valign="top"> 
                <table width="100%" height="100%" border="0" style="border:1px #CCCCCC dashed;" cellpadding="3">
                    <tbody>
                        <tr>
                            <td valign="middle" align="center" colspan="2"><a href="http://sabzgoltab.feriainternacionaldecali.com/productos/default.asp?view=2&cid=2"><img align="absmiddle" border="0" src="http://www.goltabsabz.com/images/pcat.gif"></a></td>
                        </tr>
                        <tr>
                            <td colspan="2" align="center"><a href=""><strong>Circulo</strong></a></td>
                        </tr>
                        <tr></tr>
                    </tbody>
                </table> 
                </td>
                <td align="right" height="100%" width="180" valign="top"> 
                <table width="100%" height="100%" border="0" style="border:1px #CCCCCC dashed;" cellpadding="3">
                    <tbody>
                        <tr>
                            <td valign="middle" align="center" colspan="2"><a href="http://sabzgoltab.feriainternacionaldecali.com/productos/default.asp?view=2&cid=2"><img align="absmiddle" border="0" src="http://www.goltabsabz.com/images/pcat.gif"></a></td>
                        </tr>
                        <tr>
                            <td colspan="2" align="center"><a href=""><strong>Circulo</strong></a></td>
                        </tr>
                        <tr></tr>
                    </tbody>
                </table> 
                </td>
                <td align="right" height="100%" width="180" valign="top"> 
                <table width="100%" height="100%" border="0" style="border:1px #CCCCCC dashed;" cellpadding="3">
                    <tbody>
                        <tr>
                            <td valign="middle" align="center" colspan="2"><a href="http://sabzgoltab.feriainternacionaldecali.com/productos/default.asp?view=2&cid=2"><img align="absmiddle" border="0" src="http://www.goltabsabz.com/images/pcat.gif"></a></td>
                        </tr>
                        <tr>
                            <td colspan="2" align="center"><a href=""><strong>Circulo</strong></a></td>
                        </tr>
                        <tr></tr>
                    </tbody>
                </table> 
                </td>
            </tr>
            <tr>
                <td align="right" height="100%" width="180" valign="top"> 
                    <table width="100%" height="100%" border="0" style="border:1px #CCCCCC dashed;" cellpadding="3">
                        <tbody>
                            <tr>
                                <td valign="middle" align="center" colspan="2"><a href="http://sabzgoltab.feriainternacionaldecali.com/productos/default.asp?view=2&cid=2"><img align="absmiddle" border="0" src="http://www.goltabsabz.com/images/pcat.gif"></a></td>
                            </tr>
                            <tr>
                                <td colspan="2" align="center"><a href=""><strong>Circulo</strong></a></td>
                            </tr>
                            <tr></tr>
                        </tbody>
                    </table> 
                </td>
                <td align="right" height="100%" width="180" valign="top"> 
                    <table width="100%" height="100%" border="0" style="border:1px #CCCCCC dashed;" cellpadding="3">
                        <tbody>
                            <tr>
                                <td valign="middle" align="center" colspan="2"><a href="http://sabzgoltab.feriainternacionaldecali.com/productos/default.asp?view=2&cid=2"><img align="absmiddle" border="0" src="http://www.goltabsabz.com/images/pcat.gif"></a></td>
                            </tr>
                            <tr>
                                <td colspan="2" align="center"><a href=""><strong>Circulo</strong></a></td>
                            </tr>
                            <tr></tr>
                        </tbody>
                    </table> 
                </td>
            </tr>
        </tbody>
    </table>

Y ahora, modificas en el CSS:
En el .row .row añades: width: 528px;

Y en el table quitas: border-collapse: collapse;

Y te debería quedar más o menos como aquí: http://i.imgur.com/5c8URF0.jpg

¡Un saludo! ^^

Chapi · 4 Abr 2013

La pregunta es porque estas usando tablas para el layout de tu pagina?? :S

Ayuda con error de alineación en tabla de productos

hamedm

Gypaete

Chapi

Temas similares

Privacidad y transparencia

Privacidad y transparencia