Images do not line up on the table

Question

Images do not line up on the table

Navigation

#1 by (1 votes)

1

I have this code:

<!DOCTYPE html>
<html>
<head>
    <title>Figuras em tabelas</title>
</head>
<body>

    <h1 align="center">Montando figuras com tabelas - 1</h1>
    <table border="0" cellspacing="0" cellpadding="0" align="center">
        <tr>
            <td rowspan="3"><img src="img/verde.gif"></td>
            <td colspan="2"><img src="img/amarelo.gif"></td>
            <td rowspan="2"><img src="img/azul.gif"></td>
        </tr>
        <tr>
            <td rowspan="2"><img src="img/azul.gif"></td>
            <td><img src="img/vermelho.gif"></td>
        </tr>
        <tr>
            <td><img src="img/vermelho.gif"></td>
            <td><img src="img/cinza.gif"></td>
        </tr>
    </table>
</body>
</html>

that is generating this layout:

Howcanyouremovethesespacesbetweenimages?I'vetriedresizingthembutit'snouse.

Separateimages:

html table

asked by anonymous 28.04.2015 / 15:22

1 answer

Zip more than 1 file C # Moving Files

score 1 · Accepted Answer

It's probably margin image, try a img{margin:0} your code does not have css , have you tried other browsers ? try to provide more information. follow the example just to elucidate:

            <html>
            <head>
                <title>Figuras em tabelas</title>
            </head>
            <body>

                <h1 align="center">Montando figuras com tabelas - 1</h1>
                <table border="0" cellspacing="0" cellpadding="0" align="center">
                    <tr>
                        <td rowspan="3"><img src="verde.gif" style="height: 153px;">  </td>
                        <td colspan="2"><img src="amarelo.gif"    ></td>
                        <td rowspan="2"><img src="azul.gif"  style="height: 102px;"></td>
                    </tr>
                    <tr>
                        <td rowspan="2"><img src="azul.gif"  style="height: 102px;"></td>
                        <td><img src="vermelho.gif"  style="height: 51px;"></td>
                    </tr>
                    <tr>
                        <td><img src="vermelho.gif"  style="height: 51px;"></td>
                        <td><img src="cinza.gif"  style="height: 51px;"></td>
                    </tr>
                </table>
            </body>
            </html>