VPF::расстояние между строк - Форум программистов

Самозванка

Дата 19.12.2007, 16:24 (ссылка)

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

Загрузка ...

Девушка в стиле IT

Профиль
Группа: Завсегдатай
Сообщений: 484
Регистрация: 5.9.2006
Где: USA

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

Есть две строки

Код


<p class="tablehead">Офсетная, флексо- </p>
<p class="tableheadniz">и трафаретная печать</p>

Для них такие стили

Код


.tablehead { text-align : center; font-size: 12pt; color: #cccccc; font-weight: bold;  font-family:Verdana; line-height:0; } 
.tableheadniz {text-align : center; font-size : 12pt; color: #cccccc; font-weight: bold;  font-family:Verdana; line-height:0 }

В итоге у меня получаются такие две строки:

Код


аплвал

алпдлвва

А мне надо получить так:

Код


dfgdfdg
dfgdfgfd

То есть уменьшить расстояние между строками...
Я так понимаю что с помощью line-height...но как??

--------------------

Неуёмная жажда жизни!

smile

WebDisaster

Дата 19.12.2007, 16:34 (ссылка)

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

Загрузка ...

Опытный

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

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

Цитата(Самозванка @ 19.12.2007, 16:24

)

То есть уменьшить расстояние между строками...
Я так понимаю что с помощью line-height...но как??

Не угадали :). Для каждого абзаца (тэг <p>) браузер делает отступы от предыдущего. Что вполне логично.
Если нужно "слепить" строки вместе, либо избавляйтесь от <p> (заменяя на <br />), либо смотрите в сторону p {margin: 0;}

Самозванка

Дата 19.12.2007, 16:39 (ссылка)

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

Загрузка ...

Девушка в стиле IT

Профиль
Группа: Завсегдатай
Сообщений: 484
Регистрация: 5.9.2006
Где: USA

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

WebDisaster, спасибо
Получилась красота и то что надо)

Код


.tablehead { text-align : center; font-size: 12pt; color: #cccccc; font-weight: bold;  font-family:Verdana; margin:0; } 
.tableheadniz {text-align : center; font-size : 12pt; color: #cccccc; font-weight: bold;  font-family:Verdana; margin:0; }

--------------------

Неуёмная жажда жизни!

smile

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