Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Стилизация абзаца <p>


Автор: Levsha 29.4.2009, 06:18
Здравствуйте.

Вот примитивный HTML код :
Код

<div id="content">
<p align="right">Приказ об том-то<br />и том-то</p>
<p align="center">ЦЕНТРАЛЬНЫЙ ТЕКСТ</p>
<p>А тут много обычного текста. А тут много обычного текста. А тут много обычного текста. А тут много обычного текста. А тут много обычного текста. А тут много обычного текста. А тут много обычного текста. А тут много обычного текста. А тут много обычного текста. А тут много обычного текста. А тут много обычного текста. А тут много обычного текста. А тут много обычного текста. А тут много обычного текста. А тут много обычного текста. А тут много обычного текста. А тут много обычного текста. </p>
</div>


Так вот мне нужно чтобы обычный текст равнялся не на лево, а на всю ширину ( text-align:justify )

Для этого я в стилях пропишу:
#content p {text-align:justify}

Но тогда и все остальные абзацы будут равняться на всю строку, то есть направо текст отровнять не возможно. Как мне решить эту проблему? HTML код должен остаться таким же. Решить нужно стилями. Я знаю что это возможно, но не знаю как...

Спасибо.

Автор: ksnk 29.4.2009, 08:32
может так
Код

#content p.justify {text-align:justify}


Код

<div id="content">
<p align="right">Приказ об том-то<br />и том-то</p>
<p align="center">ЦЕНТРАЛЬНЫЙ ТЕКСТ</p>
<p class="justify">А тут ... </p>

?

Автор: Levsha 30.4.2009, 04:32
ksnk, это тоже самое что я напишу <p align="justify"> 
В такой ситуации не имеет смысла вводить классы.

Моя цель - оставить в HTML чистый <p>

Вот пример где это работает: http://www.rao-esv.ru/shareholders/documents/ustav.php
Но я не могу найти как оно работает.

Автор: Levsha 30.4.2009, 04:49
Нашел. Так и думал что это просто, как и все гениальное!

Для кода:
Код
<div id="content">
<p align="right">Приказ об том-то<br />и том-то</p>
<p align="center">ЦЕНТРАЛЬНЫЙ ТЕКСТ</p>
<p>А тут много обычного текста. А тут много обычного текста. А тут много обычного текста. А тут много обычного текста. А тут много обычного текста. А тут много обычного текста. А тут много обычного текста. А тут много обычного текста. А тут много обычного текста.</p>
</div>



Достаточно прописать правило :
#content {text-align:justify;}

И все. Для абзаца без равнения наследуется стиль родителя.

И мы получаем красивый текст! =)

Всем спабибо.

Автор: bars80080 30.4.2009, 09:29
Цитата(Levsha @  30.4.2009,  04:32 Найти цитируемый пост)
это тоже самое что я напишу <p align="justify"> 

насколько помню, у атрибута align нет варианта justify

Цитата(Levsha @  30.4.2009,  04:32 Найти цитируемый пост)
В такой ситуации не имеет смысла вводить классы.

классы имеет смысл вводить всегда, хотя бы из-за святой идеи централизации дизайнерского кода

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)