VPF::У div появляется верхний отступ

begin

Дата 7.3.2010, 12:22 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 415
Регистрация: 16.5.2007

Репутация: нет
Всего: нет

Есть код:

Код


<style>
div.event_list_m
{color:#f56f04; font-family: Tahoma, Verdana, Arial, Arial Narrow, sans-serif; font-style:normal; font-weight:bold; font-size:18px; margin:0px; padding:0px; margin-top:0px; margin-bottom:0px;}
</style>
<table cellpadding='0' cellspacing='0' border='0'>
<tr>
<td valign='top' align='left'>
<div class='event_list_m'>февраль</div>
</td>
</tr>
</table>

Проблема в том, что див не хочется прижиматься к верхнему краю ячейки, а отступает вниз пикселей на 10 (во всех браузерах) smile

DE20

Дата 7.3.2010, 14:21 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 30
Регистрация: 9.2.2008

Репутация: нет
Всего: 1

Нормально div везде прижат (у меня в ie opere). поставь для таблицы border='1' увидишь.

begin

Дата 7.3.2010, 20:28 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 415
Регистрация: 16.5.2007

Репутация: нет
Всего: нет

Цитата(DE20 @ 7.3.2010, 14:21)

Нормально div везде прижат (у меня в ie opere). поставь для таблицы border='1' увидишь.

Поставил границу. Для наглядности добавил еще пару ячеек.
Код стал такой:

Код


<style>
body
{margin:0px; padding:0px;}
div.event_list_m
{color:#f56f04; font-family: Tahoma, Verdana, Arial, Arial Narrow, sans-serif; font-style:normal; font-weight:bold; font-size:18px; margin:0px; padding:0px; margin-top:0px; margin-bottom:0px;}
</style>
<table cellpadding='0' cellspacing='0' border='1'>
<tr height='100'>
<td valign='top' align='left'>
<div class='event_list_m'>first word</div>
</td>
<td valign='top' align='left'>
second word
</td>
<td valign='top' align='left'>
<img src='test.jpg' width='50' height='50'>
</td>
</tr>
</table>

Смотрю:
скрины в трех браузерах
Отступ таки есть smile

Добавлено через 1 минуту и 19 секунд
Причем, чем больше размер шрифта, тем больше этот отступ

DE20

Дата 8.3.2010, 00:28 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 30
Регистрация: 9.2.2008

Репутация: нет
Всего: 1

Это шрифт так устроен, есть пространство сверху и снизу.
http://indians.ru/a-font-sizes.htm

bazzjr

Дата 22.3.2010, 15:06 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 460
Регистрация: 27.12.2007
Где: Россия, Пермь

Репутация: 2
Всего: 6

используй line-height для высоты шрифта.

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »