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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> форматирование абзаца, отступ строки в середине абзаца 
:(
    Опции темы
Johny_03
Дата 20.10.2008, 23:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



У меня абзац в виде списка, т.е. в начале каждой строки идёт "-", но так как всё предложение в одну строку не влазит, оно переносится на новую, следовательно на одном уровне с "-". Мне нужно строку сместить на несколько пробелов вправо.

- предложение
- предложение
- предложение длинное и переносится
на новую строку.

Как мне выровнять фразу "на новую строку", чтоб она начиналась строго под "предложение"?
Использовать списки не очень хочется.
И ещё, я использую каждый раз переход на новую строку тегом <br>. Это правильно?
Заранее огромное спасибо!

Это сообщение отредактировал(а) Johny_03 - 20.10.2008, 23:05
PM MAIL   Вверх
FortMax
Дата 21.10.2008, 00:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 485
Регистрация: 2.10.2006
Где: Россия, г. Бироби джан ЕАО

Репутация: 3
Всего: 5



</br>, используете правильно, а на счет отступа, можно использовать один или несколько html-пробелов в начале строки 
Код

&nbsp;


Это сообщение отредактировал(а) FortMax - 21.10.2008, 00:34


--------------------
user posted image
PM MAIL ICQ   Вверх
SelenIT
Дата 21.10.2008, 01:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



FortMax, за такие советы в XXI веке надо бы...  smile 

Johny_03, отступ/выступ первой строки делается свойством text-indent (положительное значение - отступ/красная строка, отрицательное - выступ). По идее, если абзац начинается с тире (&mdash;) и пробела, ширина которых в большинстве шрифтов равны высоте шрифта (1em) и одной трети от нее соответственно, то нужно указать text-indent: -1.333em; и margin-left, не меньший чем 1.333em. Например:
Код

<style>
p { margin-left: 2.333em; margin-right: 1em; text-indent: -1.333em; }
</style>
<p>
&mdash; Организация слубы маркетинга редуцирует культурный принцип восприятия, оптимизируя бюджеты,&nbsp;&mdash;
механически бубнил <a href="http://vesna.yandex.ru/">генератор псевдонаучных текстов</a>.&nbsp;&mdash; Точность крена
стабилизирует популярный собственный кинетический момент, пользуясь последними системами уравнений. Необходимым и
достаточным условием отрицательности действительных частей корней рассматриваемого характеристического уравнения
является то, что молодежная аудитория интуитивно вызывает уходящий кинетический момент, что при любом переменном
вращении в горизонтальной плоскости будет направлено вдоль оси. Собственный кинетический момент абсолютно представляет
собой анализ зарубежного опыта, поэтому, надеюсь, никого не удивляет, что в финале порок наказан?
</p>
<p>
&mdash; Следует отметить, что нарративная семиотика возможна,&nbsp;&mdash;&nbsp;перебил его другой скрипт. &mdash; 
Слово, анализируя результаты рекламной кампании, искажает институциональный момент силы трения, используя опыт
предыдущих кампаний. Следуя механической логике, направление устойчиво аллитерирует рекламный бриф, повышая
конкуренцию. Инерция ротора отталкивает потребительский рейтинг, и это является некими межсловесными отношениями
другого типа, природу которых еще предстоит конкретизировать далее&hellip;
</p>


Но если это не диалог (как в моем примере), а что-то, что по сути является списком и должно выглядеть как список... может, лучше и отображать его именно списком? ;)

А <br> в наши дни лучше по возможности не использовать вообще (за редкими исключениями, типа вписывания дизайнерского текста в фигурные границы или необходимости поддерживать уж совсем музейные браузеры).


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
FortMax
Дата 21.10.2008, 01:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 485
Регистрация: 2.10.2006
Где: Россия, г. Бироби джан ЕАО

Репутация: 3
Всего: 5



SelenIT, если чито то и список так не формируется в XXI веке, а text-indent, это для краной строки, но вроде речь идёт не оней ...

Это сообщение отредактировал(а) FortMax - 21.10.2008, 01:18


--------------------
user posted image
PM MAIL ICQ   Вверх
SelenIT
Дата 21.10.2008, 01:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Цитата(FortMax @  21.10.2008,  01:16 Найти цитируемый пост)
то и список так не формируется в XXI веке

Само собой. Поэтому я и добавил, что список должен быть списком. И единственный пример, когда может потребоваться выступ для обычного абзаца, который пришел мне на ум - это верстка диалога. Не спорю, пример достаточно экзотический. Скорее всего, автору темы нужен именно список.

Но знать о нестандартных возможностях использования CSS-свойств, имхо, не повредит. По крайней мере, это всяко лучше, чем ваять красные строки &nbsp;-шками... ;)


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


 




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


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

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