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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> "Красная строка", Как ее сделать 
:(
    Опции темы
Urod
Дата 8.4.2005, 12:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 376
Регистрация: 10.4.2004
Где: Москва

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



Вопрос, думаю, простенький: как в начале предложения поставить отступ ("Красную строку")?
Какой тег дя этого нужен?
PM MAIL   Вверх
sergejzr
Дата 8.4.2005, 12:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Un salsero
Group Icon


Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

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



Можешь попробовать <blockquote></blockquote>


--------------------
PM WWW IM ICQ Skype GTalk Jabber AOL YIM MSN   Вверх
z-END
Дата 8.4.2005, 12:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прафесар™
****


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

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



или перед текстом добавить &nbsp; пару раз-)


--------------------
Каждый чилавек пасвоему праф...а памоему НЕТ! 

PM WWW ICQ   Вверх
Mal Hack
Дата 8.4.2005, 12:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Мудрый...
****


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

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



В CSS свойство есть text-indent, наиболее часто используют значение 2em.
PM ICQ   Вверх
Urod
Дата 8.4.2005, 12:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 376
Регистрация: 10.4.2004
Где: Москва

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



Хе smile , спасибо, сейчас попробую.
PM MAIL   Вверх
dm9
Дата 9.4.2005, 16:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

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



Цитата(Mal @ 8.4.2005, 13:31)
В CSS свойство есть text-indent, наиболее часто используют значение 2em.


Да, это самое правильное. Только это работает для блочных элементов.

Код

<style>
p {text-indent: 2em}
</style>


То есть каждый абзац надо заключать в <p>...</p>.

Сделать это автоматически можно при помощи этой утилитки:
http://www.artlebedev.ru/tools/typograf/
(зайди в настройки, разберёшься). Только там каждый абзац должен быть отделён пустой строкой, чтобы он в <p></p> облачился. Иначе просто <br> ставится - а с ним text-indent работать не будет.

Так что самый рулезный вариант - вставляешь пустые строки между абзацами, настраиваешь Типограф, преобразуешь им текст. Он там ещё кое-какие хорошие преобразования с текстом сделает - можешь почитать тут:
http://www.artlebedev.ru/kovodstvo2/sections/62/

Ещё.

Настроить расстояние между абзацами (между <p></p>) можно так:
Код

<style>
p {
margin-top: 0px;
margin-bottom: 0px;
}
</style>


Здесь margin-top и margin-bottom - отступы сверху и снизу для каждого абзаца.

Это сообщение отредактировал(а) dm9 - 9.4.2005, 17:02
PM MAIL ICQ   Вверх
Urod
Дата 11.4.2005, 12:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 376
Регистрация: 10.4.2004
Где: Москва

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



dm9 О как все круто! И все только для отступов в абзацах smile Но, зато потом больше ничего править не надо, т.к. все автоматически будет настраиваться. Вот только разобраться с этим осталось (самая малость smile smile )

Код

<style>
p {text-indent: 2em}
</style>
- вот это в начало кода надо вставлять, где стили описываются? smile
PM MAIL   Вверх
dm9
Дата 11.4.2005, 12:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

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



p {text-indent: 2em} - это вставлять туда, где описываются стили smile

Вообще, они описываются либо в подключаемом .css файле, либо между <head></head> вставляешь
Код

<style type="text/css">
/* Так обозначаются комментарии в CSS */
/* Тут твои стили. Например: */
p {
    text-indent: 2em;
    margin-top: 0px;    
    margin-bottom: 0px;
}
</style>



Это сообщение отредактировал(а) dm9 - 11.4.2005, 12:41
PM MAIL ICQ   Вверх
Aliance
Дата 11.4.2005, 18:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

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



Вообще-то это в 99% случаев делается так:
Код

.class:first-line {
   margin-left: 20px;
}

PM MAIL WWW ICQ Skype   Вверх
dm9
Дата 11.4.2005, 19:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

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



Правда? smile

А под какой это браузер?

PM MAIL ICQ   Вверх
Urod
Дата 15.4.2005, 17:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 376
Регистрация: 10.4.2004
Где: Москва

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



dm9 Привет! Твой вариант мне кажется самым верным, а он по все браузеры подходит (ну хотя бы в Мозилле прокатит)?
PM MAIL   Вверх
dm9
Дата 15.4.2005, 17:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

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



Ну... ваабче-та я стараюсь давать примеры, которые работают как минимум под наиболее популярные виндовые браузеры smile

Под Firefox 1.0.2 работает, однако работать будет и на более ранних версиях... Под Оперу работает, начиная с версии 6.0 точно. Вообще, это всё в спецификации пропиано, так что работать обязано везде. Может, на старых браузерах проглючит где, конечно...

PM MAIL ICQ   Вверх
Guest
Дата 15.4.2005, 22:56 (ссылка)    |    (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered











dm9
Код
 
<span color="#FFFFF"> <p class="style9">Мы рады приветствовать Вас на нашем сайте...</p></span> 
<span color="#FFFFF"> <p class="style9">Если Вам необходимо...&nbsp;</p></span>

Это код моего текста. Модно ли как-то сделать и последующие строки ("на нашем сайте") сделать с некоторым отступом, меньшим, чем отступ красной сроки?
  Вверх
dm9
Дата 15.4.2005, 23:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

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



Не понял вопроса. Объясни подробее.

PS Конструкия
Код

<span color="#FFFFF"> <p class="style9">Мы рады приветствовать Вас на нашем сайте...</p></span> 

меня просто убила... включи этот цвет в style9. Тем более что цвета #FFFFF (состоит из пяти знаков) не бывает.

PM MAIL ICQ   Вверх
Urod
Дата 15.4.2005, 23:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 376
Регистрация: 10.4.2004
Где: Москва

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



dm9
smile А я еще думаю, отчего же текст в Мозилле не белый? Спасибо!
А про остальное я вот про что: ширина строки текста ограничена => текст переносится на следующую строку (назовем ее строка 2). Хотелось бы, чтобы у строки 2 тоже был небольшой отступ (но меньший, чем отступ красной строки). Вот.
PM MAIL   Вверх
Страницы: (3) Все [1] 2 3 
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




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


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

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