Textpattern - на русском языке

форум общения русскоязычных пользователей CMS Текстпаттерн

Вы не зашли.

#1 09-04-2007 13:53:57

Gipo
буки
Зарегистрирован: 09-04-2007
Сообщений: 13

Выравнивание текста по краям

начал осваивать движок ТП, загорелся положительными отзывами по форуму, пока все нравится
но остановился на одном вопросе как можно реализовать, выравнивание по краям в тексте сообщений блога?

Неактивен

 

#2 09-04-2007 14:34:11

Sergey
твёрдо
Зарегистрирован: 14-12-2005
Сообщений: 421
Вебсайт

Re: Выравнивание текста по краям

p {text-align:justify;}

Неактивен

 

#3 09-04-2007 16:45:14

Gipo
буки
Зарегистрирован: 09-04-2007
Сообщений: 13

Re: Выравнивание текста по краям

smile спасибо за оперативность, а можно узнать куда его втыкнуть, ну чтобы грамотно было))

Отредактированно Gipo (09-04-2007 16:45:49)

Неактивен

 

#4 09-04-2007 19:29:15

raivilion
живёте
Откуда: Екатеринбург
Зарегистрирован: 14-02-2007
Сообщений: 86

Re: Выравнивание текста по краям

Gipo написал:

smile спасибо за оперативность, а можно узнать куда его втыкнуть, ну чтобы грамотно было))

Чтобы было грамотно, для начала надо купить пару учебников по html и верстке и их прочитать. И такие вопросы отпадут сразу.

Неактивен

 

#5 09-04-2007 20:41:02

Gipo
буки
Зарегистрирован: 09-04-2007
Сообщений: 13

Re: Выравнивание текста по краям

глаголь, если сказать нечего лучше промолчи

Неактивен

 

#6 09-04-2007 20:55:21

raivilion
живёте
Откуда: Екатеринбург
Зарегистрирован: 14-02-2007
Сообщений: 86

Re: Выравнивание текста по краям

Gipo написал:

глаголь, если сказать нечего лучше промолчи

Аз, не смеши людей.

Неактивен

 

#7 09-04-2007 21:15:55

Nicck
ферт
Откуда: Ижевск
Зарегистрирован: 11-05-2005
Сообщений: 536
Вебсайт

Re: Выравнивание текста по краям

А что, уже продают хорошие учебники?

Неактивен

 

#8 09-04-2007 21:30:34

raivilion
живёте
Откуда: Екатеринбург
Зарегистрирован: 14-02-2007
Сообщений: 86

Re: Выравнивание текста по краям

Неактивен

 

#9 09-04-2007 22:19:29

marazmus
наш
Откуда: Россия, Октябрьский
Зарегистрирован: 23-01-2006
Сообщений: 217
Вебсайт

Re: Выравнивание текста по краям

Еще не забудьте мощный труд "Философия CSS-дизайна" smile
И Цедерхолма с его "Пуленепробиваемый веб-дизайн" забыли smile

Братья китайцы могут нищим студентам и pdf-варианты подкинуть...

Неактивен

 

#10 10-04-2007 06:36:40

raivilion
живёте
Откуда: Екатеринбург
Зарегистрирован: 14-02-2007
Сообщений: 86

Re: Выравнивание текста по краям

marazmus написал:

Еще не забудьте мощный труд "Философия CSS-дизайна" smile
И Цедерхолма с его "Пуленепробиваемый веб-дизайн" забыли smile

Братья китайцы могут нищим студентам и pdf-варианты подкинуть...

Ну для того, чтобы не задавать вопросы подобные "но остановился на одном вопросе как можно реализовать, выравнивание по краям в тексте сообщений блога?" этих книг более, чем достаточно smile

Неактивен

 

#11 10-04-2007 10:42:11

Gipo
буки
Зарегистрирован: 09-04-2007
Сообщений: 13

Re: Выравнивание текста по краям

глаголь, душещипательные ответы, аз в тонет, погибает, а ты ему теоритические разглаголивания выдаешь wink

Неактивен

 

#12 10-04-2007 11:11:15

raivilion
живёте
Откуда: Екатеринбург
Зарегистрирован: 14-02-2007
Сообщений: 86

Re: Выравнивание текста по краям

Gipo написал:

глаголь, душещипательные ответы, аз в тонет, погибает, а ты ему теоритические разглаголивания выдаешь wink

Блин, ну потому что вопрос ерундовый... smile а чтобы ответить на него надо небольшую лекцию писать.
Это вопрос не по движку TxP, а по элементарной верстке.
Чтобы выровнять текст по ширине нужно заключить его в теги <p>...</p>.
Тег <p>
Определяет текстовый параграф. Тег <p> является блочным элементом, перед ним всегда добавляется пустая строка, параграфы текста идущие друг за другом разделяются между собой вертикальным промежутком. Величиной промежутка можно управлять с помощью стилей.
Вот тебе пример использования тега <p>

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
<p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</body>
</html>

У этого тега есть параметр align.
Его назначение - выравнивание текста по краю.
Принимать он может следующие значения:
left
    Выравнивание текста по левому краю.
center
    Выравнивание текста по центру.
right
    Выравнивание текста по правому краю.
justify
    Выравнивание по ширине, что означает одновременное выравнивание по левому и правому краю. Чтобы произвести это действие браузер в этом случае добавляет пробелы между словами.
Значение по умолчанию left
Пример:

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<p align="justify">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
</body>
</html>

То что предложил тебе Sergey называется настройка внешнего вида при помощи CSS
Тут все делается почти что так же, только свойство называется так text-align
Аргументы те же самые.
Вот пример:

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
p {
 text-align: justify;
}
</style>
</head>
<body>

<p>Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.</p>

</body>
</html>

Расшифровываю: с такими настройками ВСЕ абзацы <p>...</p> будут выровнены по ширине.

Если что-то неправильно написал, то старшие товарищи меня поправят или дополнят... smile

Отредактированно raivilion (10-04-2007 11:13:08)

Неактивен

 

#13 10-04-2007 12:40:37

Gipo
буки
Зарегистрирован: 09-04-2007
Сообщений: 13

Re: Выравнивание текста по краям

raivilion спасибо за помощь,
в общем подытожу и тему спалю smile
заходим в оформление - стили,
и заменяем там участок кода с

#container
{
    width: 928px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
  }

на такой

#container
{
    width: 928px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
}

и получаем красоту ниописуемую

Отредактированно Gipo (10-04-2007 12:41:39)

Неактивен

 

Board footer

RSS   Rambler's Top100
Powered by PunBB
Textpattern.ru