Откуда берется отступ где-то в 5-10px? - есть ответ

Уже., 54 просмотра

Вот кусок html-кода:

<div class="footer">
<hr noshade size="1">
<table align="right"><tbody>
<tr>
<td><a href="comments.php">Отзывы</a></td>
<td>&nbsp&nbsp|&nbsp&nbsp</td>
<td><a href="info.php">Справка</a></td>
</tr>
</table></tbody>
</div>

А вот CSS:

.footer {
height: 45px;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}

Появляется отступ между линией <hr> и таблицей где-то в 5-10 пикселей. Откуда и как его убрать?

Примечание:
Мб, у таблицы сделать в стиле:

padding: 0px;

?

Примечание:
Не сработал мой вариант.

Примечание:
http://s019.radikal.ru/i610/1204/cb/1145db0b5be7.png

Примечание:
Zilker (Валерий Заочный), спасибо!

Ответы:

Zilker

Добавьте в css
hr {
padding:0;
margin:0;
}
и вообще, на будущее, в начале любого css файла пишите конструкцию:
* {
margin:0;
padding:0;
}
- таким образом вы обнуляете у всех элементов отступы и поля, в дальнейшем не будет таких вопросов. В вашем дополнении 1 ошибка - padding:0 задает отступ содержимого таблицы от границ самой таблицы. Следуя вашей логике, чтобы убрать внешний отступ у таблицы вам нужно было бы написать margin:0.
P.S. и куча   - это не есть гуд )

12 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.