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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Расстояние в <li> 
V
    Опции темы
ОнКофе
Дата 2.5.2006, 13:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 274
Регистрация: 3.3.2006
Где: http://www.angeli na-pitt.by.ru

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



Как можно изменить расстояние между буллетом и текстом в теге <li>? 
PM MAIL WWW   Вверх
Burrr
Дата 2.5.2006, 13:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Код
ul{margin-left:0px}

У меня получалось так. Соот-но ставишь нужное значение в пикселях.

Добавлено @ 13:32 
Кажется не понял сути вопроса. Вот другой пример:
Код
<ul>
    <li style="padding-left:10px;list-style-position:outside">111
    <li>222
</ul>
 


--------------------
PM MAIL ICQ   Вверх
Illuminaty
Дата 2.5.2006, 13:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


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

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



напрямую неполучиться, так как 
Код

li {padding-left: 10px;}

меняет искомое расстояние, но меняется и расстояние и между границей <ul> и буллетом.
Посему следует пользоваться следующей конструкцией:
Код

li {
  margin-left: -50px;
  padding-left:50px;
}

Особое внимание следует обратить на отрицательный margin-left!
Удачи 
PM MAIL ICQ   Вверх
Illuminaty
Дата 2.5.2006, 15:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


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

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



Что-то предыдущий мой способ стоит еще отшлифовать, а самый действенный способ следующий:
Код
<ul>
    <li><div>text1</div></li>
    <li><div>text2</div></li>
</ul>

и
Код
li div
{
    padding-left: 50px;
}

Удачи!  

Это сообщение отредактировал(а) Illuminaty - 2.5.2006, 15:57
PM MAIL ICQ   Вверх
ОнКофе
Дата 2.5.2006, 17:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 274
Регистрация: 3.3.2006
Где: http://www.angeli na-pitt.by.ru

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



Все равно не получается приблизить текст прямо к буллету! Отдалять текст можно, а вот как приблизить его впритык к буллету??? 

Это сообщение отредактировал(а) ОнКофе - 2.5.2006, 17:59
PM MAIL WWW   Вверх
Illuminaty
Дата 3.5.2006, 10:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


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

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



Попробуй такой способ:
Код
li:first-letter {
    margin-left: -10px;
}

При положительных значениях отодвигается от буллета, при отрицательных - пододвигается к нему.
Удачи! 
PM MAIL ICQ   Вверх
ОнКофе
Дата 4.5.2006, 13:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 274
Регистрация: 3.3.2006
Где: http://www.angeli na-pitt.by.ru

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



Illuminaty, ОТЛИЧНО!!! Спасибо!!! 
PM MAIL WWW   Вверх
Illuminaty
Дата 5.5.2006, 15:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


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

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



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


 




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


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

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