Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Стилизация абзаца <p>, Не могу решить простую проблему 
V
    Опции темы
Levsha
Дата 29.4.2009, 06:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Здравствуйте.

Вот примитивный 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 код должен остаться таким же. Решить нужно стилями. Я знаю что это возможно, но не знаю как...

Спасибо.


--------------------
PM   Вверх
ksnk
Дата 29.4.2009, 08:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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



может так
Код

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


Код

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

?


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Levsha
Дата 30.4.2009, 04:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



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

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

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


--------------------
PM   Вверх
Levsha
Дата 30.4.2009, 04:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



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

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



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

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

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

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


--------------------
PM   Вверх
bars80080
Дата 30.4.2009, 09:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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



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

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

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

классы имеет смысл вводить всегда, хотя бы из-за святой идеи централизации дизайнерского кода
PM MAIL WWW   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0557 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.