|
|
|
admin Администратор

: 40
: 10.08.2004
: 1717
: Ukraine
|
: 30, 2006 8:34 pm : Обсуждение, ответ - "Создание маркированого списка" |
|
|
В этой теме обсуждаем варианты решения, вопросы, и читаем ответ на практическое задание [url=http://dreamweaver.net.ru/forum/viewtopic.php?p=4806#4806]Создание маркированого списка[/url] |
|
|
|
 |
OldFornit Модератор

: 37
: 12.05.2005
: 846
|
: 05, 2006 7:34 pm : |
|
|
думаю, мне давать ответ на это задание не стоит )))
Там стилевки-то на 6 строчек максимум, с учетом особенностей нескольких браузеров |
|
|
|
 |
Malcolm Новичок

: 40
: 04.07.2006
: 44
|
: 11, 2006 8:53 am : |
|
|
Подойдет?
li {
padding-left: 15px;
list-style-type: none;
background: url(arrow.gif) no-repeat left;
}
Сами себя развлекаете?  |
|
|
|
 |
OldFornit Модератор

: 37
: 12.05.2005
: 846
|
: 11, 2006 9:01 am : |
|
|
Malcolm (): | Подойдет?
li {
padding-left: 15px;
list-style-type: none;
background: url(arrow.gif) no-repeat left;
}
Сами себя развлекаете?  |
Нет, не пойдет.
И почему развлекаете? Вполне конкретные задания, рассчитаные на рост профессионализма участников форума. За мое задание возьметесь? )) |
|
|
|
 |
Malcolm Новичок

: 40
: 04.07.2006
: 44
|
: 11, 2006 9:03 am : |
|
|
С этим бы разобраться сначала. А почему не подойдет?
[img:3c54cd4a2c]http://ejik-land.ru/src/screen.gif[/img:3c54cd4a2c]
: Malcolm ( 11, 2006 9:35 am), 1 |
|
|
|
 |
OldFornit Модератор

: 37
: 12.05.2005
: 846
|
: 11, 2006 9:07 am : |
|
|
background: url(arrow.gif) no-repeat left; - семантрически не подходит. Не забудьте - это маркированый список. И использовать следут стилевку именно для списка. Есть такая, поищите ) |
|
|
|
 |
Malcolm Новичок

: 40
: 04.07.2006
: 44
|
: 11, 2006 9:21 am : |
|
|
Я пробывал еще list-style: none outside url(arrow.gif); но не смог опустить стрелочку в центр.
Она получается у первой строки всё время.
[img:9debceb1e5]http://ejik-land.ru/src/screen2.gif[/img:9debceb1e5] |
|
|
|
 |
KOT!K Знакомый

: 33
: 07.06.2006
: 88
|
: 12, 2006 12:01 am : |
|
|
ul {
list-style: url (/images/icon.gif) squere outside;
}
li {
vertical-align: middle;
width: 100%;
}
пока работает в ИА.. ща еще подправлю...  |
|
|
|
 |
Malcolm Новичок

: 40
: 04.07.2006
: 44
|
: 12, 2006 3:49 am : |
|
|
KOT!K, как успехи? |
|
|
|
 |
Malcolm Новичок

: 40
: 04.07.2006
: 44
|
: 12, 2006 7:31 pm : |
|
|
Подсказки то будут? Беру помощь зала!  |
|
|
|
 |
KOT!K Знакомый

: 33
: 07.06.2006
: 88
|
: 14, 2006 1:43 am : |
|
|
извени, Malcolm , что сразу не ответила... отвечать просто было нечего.. немножко застряла на этом моменте. Вообще впервые такое вижу - ИЕ все делает как я хочу, а остальные ни в какую))))))
НО! Я не сдаюсь - думаю как можно сделать еще ! |
|
|
|
 |
Malcolm Новичок

: 40
: 04.07.2006
: 44
|
: 14, 2006 12:11 pm : |
|
|
Судя по молчанию OldFornit решение таки должно базироваться на использовании background-a. Возможно записать его более красиво, но идея остается та же. |
|
|
|
 |
OldFornit Модератор

: 37
: 12.05.2005
: 846
|
: 15, 2006 7:39 am : |
|
|
Ребят, поздравляю. В принципе, ответ Вами дан правильный.
Я не учел того момента, что семантически верными способами маркер по середине пункта не выровнять.
Так что - молодцы! |
|
|
|
 |
admin Администратор

: 40
: 10.08.2004
: 1717
: Ukraine
|
: 15, 2006 6:23 pm : |
|
|
И добавлю - при создании вложенных списков - будте внимательны. То что вы увидите в Фаерфоксе может отличаться от того что в ИЕ. |
|
|
|
 |
|