Help to adjust the size of a table

Question

Help to adjust the size of a table

Navigation

#1 by (2 votes)

0

I have a table and I can not change its size, neither to the cells, it just lets me do it to a certain extent.

Table code

<table style="border-collapse: collapse;" border="1"; width="520"> 

        <tr>
            <td width="100"  rowspan="4">
                
                    <img
                        width="100"
                        height="10"
                        src="img/44.png"/>
                  

            </td>
            <td  height="18">
                <p align="center">
                 <font size=1></font>
                </p>
            </td>
            <td  height="18">
                <p align="center">
                   <font size=1> CÓDIGO
                </p>
            </td>
            <td  colspan="3"  height="10">
                <p align="center">
                  <font size=1>  FSW-100
                </p>
            </td>
        </tr>
        <tr>
            <td  height="18">
                <p align="center">
                   <font size=1> <strong>DEPARTAMENTO DE LAS TIC</strong>
                    <strong></strong>
                </p>
            </td>
            <td  rowspan="2"  height="10">
                <p align="center">
                   <font size=1> VERSIÓN 1
                </p>
            </td>
            <td  colspan="3" rowspan="2"  height="10">
                <p align="center">
                  <font size=1>  01-12-17
                </p>
            </td>
        </tr>
        <tr>
            <td  height="18">
                <p align="center">
                 <font size=1>   Tecnologías de la información y las comunicaciones
                </p>
            </td>
        </tr>
        <tr>
            <td  height="18">
                <p  align="center" >
                 <font size=2>   <strong>Acta de Entrega</strong></font>
                </p>
            </td>
            <td  height="18">
                <p align="center">
                <font size=1>    PAGINA
                </p>
            </td>
            <td  height="10">
                <p align="center">
                <font size=1>    1
                </p>
            </td>
            <td  height="18">
                <p align="center">
                <font size=1>    DE
                </p>
            </td>
            <td  height="18">
                <p align="center">
                  <font size=1>  2
                </p>
            </td>
        </tr>
    </tbody>
</table>

Considering the size of the page I want it to be like this

html css

asked by Kevin Salazar 30.10.2017 в 22:34

source

1 answer

Arguments sys.argv [1] .split () as string? How to change color one button for each click?

score 2 · Accepted Answer

Once you remove the margin from P with that you can maneuver the table:

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>ducument</title>
		
		<style>
			.logo{
				width: 200px;
			}
			p {
				margin-bottom: 0px;
				margin-top: 0px;
			}
		</style>
	</head>
	<body>
		<table style="border-collapse: collapse;" border="1"; width="520">
			<tbody>
				<tr>
					<td width="100"  rowspan="4">
						<img src="https://ii.ct-stc.com/1/logos/empresas/2017/06/05/comercializacion-y-distribucion-de-lubricantes-AD0A391FC17BF05B173537thumbnail.jpeg" alt="" class="logo">
					</td>
					<td  height="18">
						<p align="center"></p>
					</td>
					<td  height="18">
						<p align="center"><font size=1> CÓDIGO</p>
					</td>
					<td  colspan="3"  height="10">
						<p align="center"><font size=1>  FSW-100</p>
					</td>
				</tr>
				<tr>
					<td  height="18">
						<p align="center">
						<font size=1> <strong>DEPARTAMENTO DE LAS TIC</strong>
						<strong></strong>
						</p>
					</td>
					<td  rowspan="2"  height="10">
						<p align="center">
						<font size=1> VERSIÓN 1
						</p>
					</td>
					<td  colspan="3" rowspan="2"  height="10">
						<p align="center">
						<font size=1>  01-12-17
						</p>
					</td>
				</tr>
				<tr>
					<td  height="18">
						<p align="center">
							<font size=1>   Tecnologías de la información y las comunicaciones
						</p>
					</td>
				</tr>
				<tr>
					<td  height="18">
						<p  align="center" >
						<font size=2>   <strong>Acta de Entrega</strong></font>
						</p>
					</td>
					<td  height="18">
						<p align="center">
						<font size=1>    PAGINA
						</p>
					</td>
					<td  height="10">
						<p align="center">
						<font size=1>    1
						</p>
					</td>
					<td  height="18">
						<p align="center">
						<font size=1>    DE
						</p>
					</td>
					<td  height="18">
						<p align="center">
						<font size=1>  2
						</p>
					</td>
				</tr>
			</tbody>
		</table>
	</body>
</html>