Я просто пытаюсь иметь 3 столбца в таблице. У меня есть 3, но проблема в 3-м столбце, там должна быть кнопка, которая соответствует темам под компетенциями. Итак, в этом примере есть 2 темы - добиться результатов и взять на себя ответственность. В 3-м ряду рядом с каждой из этих тем должна отображаться кнопка. Я изо всех сил пытался заставить эту работу работать.

                  <table class="table">
                                <thead>
                                    <tr>
                                        <th class="tableHeader">Values</th>
                                        <th class="tableHeader">Competencies</th>
                                         <th class="tableHeader">Location</th>
                                        

                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <img src="images/accountable.jpg">
                                        </td>
                                        <td>
                                            <!--inner table open-->
                                            <table>
                                                <tr>
                                                    <td class=""><dt>Drive Results</dt>
                                                        <dd style="margin:20px;">Hlorem lorem lorem lorem ipsom lorem lorem lorem lorem ipsom</dd>
                                                        <dd style="margin:20px;">lorem lorem lorem lorem ipsom lorem lorem lorem lorem ipsom</dd>
                                                    </td>




                                                </tr>
                                                <tr>
                                                    <td class=""><dt>Take Responsibility</dt>
                                                        <dd style="margin:20px;">lorem lorem lorem lorem ipsom lorem lorem lorem lorem ipsom</dd>
                                                        <dd style="margin:20px;">Plorem lorem lorem lorem ipsom</dd>
                                                    </td>



                            </table>
0
Vzupo 2 Дек 2017 в 19:06

1 ответ

Лучший ответ

Следуйте правильному формату таблицы.

<table>
  <tr>
    <th class="tableHeader">Values</th>
    <th class="tableHeader">Competencies</th>
    <th class="tableHeader">Location</th>
  </tr>
  <tr>
    <td>1</td>
    <td class=""><dt>Drive Results</dt>
      <dd style="margin:20px;">Hlorem lorem lorem lorem ipsom lorem lorem lorem lorem ipsom</dd>
      <dd style="margin:20px;">lorem lorem lorem lorem ipsom lorem lorem lorem lorem ipsom</dd>
    </td>
    <td><button type="button">Click Me</button> </td>
  </tr>
  <tr>
    <td>2</td>
    <td class=""><dt>Take Responsibility</dt>
      <dd style="margin:20px;">lorem lorem lorem lorem ipsom lorem lorem lorem lorem ipsom</dd>
      <dd style="margin:20px;">Plorem lorem lorem lorem ipsom</dd>
    </td>
    <td><button type="button">Click Me</button> </td>
  </tr>
</table>
1
Nisse Engström 2 Дек 2017 в 23:04