Блог

Главная - Вопросы по программированию - Как расположить таблицу div ниже сверху?

Как расположить таблицу div ниже сверху?

#html #css #html-table

#HTML #css #html-таблица

Вопрос:

 <body>

 <div id="container">
 <div id="body">
<center>
<table width="650" border="0" cellspacing="0" cellpadding="5">
    <tbody>
    <tr>
      <td align="center" height="40"><img src="logo.jpg" alt=" Store" width="100" height="30"></td>
    </tr>
    <tr>
      <td height="20" align="center" class="intro"> <a href="">online store</a> | <a href="">main website</a></td>
    </tr>
    <tr>
      <td height="352" align="center"><img src="str.jpg" width="500" height="500"></td>
    </tr>
  </tbody>
  </table>
 </center>
  </div>

  <!-- Ola sto span class mporoun na xwresoun? -->
 <div id="footer" class="intro"><span style class="bottom">  email | the store | address | tel   </div>
 </div>


</body>

Таблица теперь находится в центре браузера. То, что я хочу изменить, это не начинать с самого верха, я хочу, чтобы таблица была немного ниже, например, на 30 пикселей сверху.

Хорошо, я понизил всю таблицу, добавив <br> перед <table> тегом, но это смешно. Что еще я могу сделать?

Ответ №1:

Использование <br> — идеальный способ опустить таблицу вниз. Хотя вы можете сделать это с помощью стилей CSS, которые дадут вам более точное перемещение.Обычно я использую заполнение

 #mytable {
padding-top:30px;
}

Ответ №2:

Вы можете поместить на нее поле с атрибутом style:

 <table width="650" border="0" cellspacing="0" cellpadding="5" style="margin-top: 100px;">

Вы также можете использовать процентное значение, например:

 <table width="650" border="0" cellspacing="0" cellpadding="5" style="margin-top: 20%;">

Комментарии:

1. ну, это работает, но мой нижний колонтитул также опускается, что означает, что он добавляет, знаете, полосу прокрутки справа, а я этого не хочу. Я хочу, чтобы это была только 1 страница