Doubt about HTML table

Question

Doubt about HTML table

Asked 5 years, 6 months ago

Viewed 71 times

0

I am doing a small work, which contains a table as shown in the image, unfortunately I am not able to accomplish with this code:

<table border = 1>
    <tr>
      <td> Cliente </td>
      <td>         </td>
    </tr>
    <tr>
      <td> Estado do Processo </td>
      <td>                    </td>
    </tr>
    <tr>
      <td> Nº Encomenda </td>
      <td>              </td>
    </tr>
    <tr>
      <td> Interveniente </td>
      <td>               </td>
    </tr>
    <tr>
    <td> Entre Datas </td>
    <td>         </td>
    </tr>
  <table>

In other words, my idea was to make a table with 2 cells in each row, the 2nd cell of each row being completely empty. I’m sorry if it’s simple, but I’m starting the language. Thanks in advance.

1

For me, the second column of the table became empty, as expected. I did not understand the question.

– Woss

2019/05/14 at 14:52
@Andersoncarloswoss I think he wants to put an edge around each cedula of the first column

– absentia

2019/05/14 at 14:55
But it is already so... give more details and explain the problem or what is not getting as you would like

– hugocsl

2019/05/14 at 14:58
Hi, the last <table> tag, you should close it, like </table>

– ElvisP

2019/05/14 at 15:02

1 answer

Browser other questions tagged html css

You are not signed in. Login or sign up in order to post.

by Sam • **79,597** points · Answer 1 · 2019-05-14T15:01:35+00:00

Actually the second column is empty, but since it does not have a defined width, it is without size.

You can define a width in the CSS for the second cells of each line, for example, 200px, using the pseudo-class :nth-child(2). The value 2 represents the second child element (more about Nth-Child):

table tr td:nth-child(2){
   width: 200px;
}

<table border = 1>
    <tr>
      <td> Cliente </td>
      <td>         </td>
    </tr>
    <tr>
      <td> Estado do Processo </td>
      <td>                    </td>
    </tr>
    <tr>
      <td> Nº Encomenda </td>
      <td>              </td>
    </tr>
    <tr>
      <td> Interveniente </td>
      <td>               </td>
    </tr>
    <tr>
    <td> Entre Datas </td>
    <td>         </td>
    </tr>
  </table>

Obs. in comments: table must be closed with tag </table>.