| |
|
|
| | Привет! Подскажите пожалуйста решение следующей проблемы.
В списки вставляю рисунок:
.expelem { list-style-image: url(image/spisok.gif);
top:25px; }
<li class="expelem">История<br></li>
Все нормально рисунок вставился. Но он прилепает к слову. А сдвинуть его я немогу. Как управлять координатами рисунка? | |
| |
|
|
| |
|
|
| |
для: Сквиртел
(10.04.2007 в 11:54)
| | |
.expelem { list-style-image: url(image/spisok.gif); top:25px; padding-left: 123px}
|
123 пиксела хватит? | |
| |
|
|
| |
|
|
| |
для: CNT
(10.04.2007 в 12:53)
| | | Мне нужно, чтобы двигался только рисунок, а так двигается текст вместе с рисунком. | |
| |
|
|
| |
|
|
| |
для: Сквиртел
(10.04.2007 в 13:08)
| | | "Так" он двигается, похоже, у вас одного.
Скопируйте код и проверьте в любом браузере:
<ul>
<li style="list-style-image: url(image/spisok.gif); top:25px; padding: 30">абвгд
</ul>
|
| |
| |
|
|
| |
|
|
| |
для: CNT
(10.04.2007 в 13:36)
| | | Я девочка. Во всяком случае так было с утра:)
Сейчас попробую. | |
| |
|
|
| |
|
|
| |
для: CNT
(10.04.2007 в 13:36)
| | | Вы правы. Он работает во всех браузерах. А вот в Explorer не хочет работать правильно. | |
| |
|
|
| |
|
|
| |
для: Сквиртел
(10.04.2007 в 14:03)
| | | Похоже, Вам нужен вариант с буквочками ссссссссссссссссссс
<ul>
<li style="list-style-image: url(p.gif); padding-left: 20">aaaaaaaaaaaaaa
<li style="list-style-image: url(p.gif); padding-left: 20; list-style-position:inside">bbbbbbbbbb
<li style="list-style-image: url(p.gif); padding-left: 20; list-style-position:outside">cccccccccc
<ul>
|
хотя у меня в 6-м Explorer'e работает и вариант с буквами ааааааааа | |
| |
|
|
| |
|
|
| |
для: Сквиртел
(10.04.2007 в 11:54)
| | | Никто не мешает вам задать вместо list-style-image обычный background:
.expelem
{background: transparent url(../image_1.gif) no-repeat 10px -15px; padding-left: 20px;
|
И меняя параметры внутри background менять положение своего рисунка относительно текста списка. Параметны в px могут быть как положительные, так и отрицательные, первый указывает положение бэкгроунда по горизонтали, второй по вертикали - в противоположность обычному выравниванию бэкгроунда - top left. А padding-left создаст отступ для текста, если он понадобится, для "освобождения" рисунка. | |
| |
|
|
| |
|
|
| |
для: ilyaILF
(10.04.2007 в 13:28)
| | | угу
ul li{
list-style:none;
background: transparent url(../image_1.gif) no-repeat 10px -15px;
padding-left: 20px;
|
| |
| |
|
|
| |
|
|
| |
для: AlexSol
(10.04.2007 в 14:16)
| | | Что-то ни один из скриптом не работает так как надо. | |
| |
|
|
