Межстрочные интервалы и меж абзацные

djdiplomat
На сайте с 05.08.2009
Offline
136
1844

Проблема такая (фон сайта - это линованный лист)

Нужно, чтобы весь текст лежал на строчках.

Автоматически интервал между абзацами (участками, ограниченными тегом p) и интервал внутри строк содержащихся в тэге p различны.

Пробовал прописывать через line-height

body {

line-height: 32px;

}

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

Для примера прошу привести код, который сделает все отступы по 32 пикселя.

<h1>Заголовок</h1>

// расстояние 40 пикселей

<p>Текстовка текстовака текстовка..... текстовка

// расстояние на экране 32 пикселя

текстовка текстовка

</p>

// расстояние между абзацами 42 пикселей

<p>Текстовка текстовака текстовка..... текстовка

// расстояние 32 пикселя

текстовка текстовка </p>

// расстояние 42 пикселей

<p>Текстовка текстовака текстовка..... текстовка </p>

vlad00777
На сайте с 24.12.2009
Offline
119
#1

Таблицу не пробовали?

Задавать высоту.

Верстка. Качественно! Адаптивная, резиновая, с параллаксом и прочими плюшками. В ЛС.
Joker-jar
На сайте с 26.08.2010
Offline
166
#2

margin и padding для p выставьте нужный

Веверица
На сайте с 14.06.2012
Offline
2
#3

Покажите на картинке как должно быть

IL
На сайте с 20.04.2007
Offline
435
#4

> , но один фиг получается, что увеличивается не только отступы между строками в абзаце, но и между самими абзацами.

Если добавить в стили такое:

p{margin:0;padding:0}

расстояние между абзацами должно стать меньше

... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
djdiplomat
На сайте с 05.08.2009
Offline
136
#5

Более или меннее получилось

h1

{margin:0;

padding:0;

line-height: 41px;}

p

{margin:0;

padding:0;

line-height: 47px;}

Но один фиг между тегами p он подставляет пару лишних пикселей (т.е между строками 47 пикселей, а между абзацами 48. На мелких страницах этого не особо видно, но тексты с 10к знаков начинают плыть. )

И еще. с тегом h1. если пишу 47, то вообще улетает фиг знает куда. значение 41 пиксель кое-что дает, но тоже идет сбой.

Нет ли возможности задать все отступы и между p и между h и между br одинаковыми?

ps расстояние между линиями на фоновом рисунке четко 47 пикселей.

vlad00777
На сайте с 24.12.2009
Offline
119
#6

Если дадите url - помогу.

А так гадать можно на кофейной гуще.

djdiplomat
На сайте с 05.08.2009
Offline
136
#7

Блин. сайт на денвере.

SeVlad
На сайте с 03.11.2008
Offline
1609
#8
djdiplomat:
фон сайта - это линованный лист)
Нужно, чтобы весь текст лежал на строчках.

бесполезняк. Разные ЮА, разные фонты, разные настройки экранов, разное всё..

Правильное решение: использовать не "линованый фон", а стилями делать эти "линейки".

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий