Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / перечёркнутый элемент списка в HTML / 15 сообщений из 15, страница 1 из 1
06.10.2008, 12:20
    #35577784
verter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
перечёркнутый элемент списка в HTML
В HTML на странице есть открытый список, состоящий из 2-х элементов. Один из элементов списка должен быть выведен перечёркнутым:

<td>
<select name="P_SGMT_ID" multiple="yes" size="6" cols="80" class="text-input" style="font:12px;">
<option value="1">
<span>elem1</span>
</option>
<option value="2" selected>
<span class="deleted">elem2</span>
</option>
</select>
</td>

где класс deleted:

.deleted {
text-decoration: line-through;
}

но, это не работает, текст второго элемента выводится не перечёркнутым. Как это можно сделать?
...
Рейтинг: 0 / 0
06.10.2008, 12:51
    #35577886
NEKRASSOV
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
перечёркнутый элемент списка в HTML
Может попробовать указать как наследника?

Код: plaintext
1.
2.
3.
#P_SGMT_ID option .deleted {
text-decoration: line-through;
}
...
Рейтинг: 0 / 0
06.10.2008, 12:52
    #35577887
Краказябл
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
перечёркнутый элемент списка в HTML
а зачем вообще внутрь option'ов писать span'ы ? не понятно :)
уберите все спаны это раз, а два: присвойте класс deleted option'у :)
...
Рейтинг: 0 / 0
06.10.2008, 13:11
    #35577941
verter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
перечёркнутый элемент списка в HTML
ну внутрь опшина спан записал потому как это первое что пришло на ум, ведь стиль нужно применить к тексту который внутри опшина
...
Рейтинг: 0 / 0
06.10.2008, 13:16
    #35577955
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
перечёркнутый элемент списка в HTML
Возьми инпут типе=филе, спозиционируй в конец имажу со стрелкой вниз. По клику на которую будет появляться див. В диве чё угодно можно перечёркивать. Цена вопроса - несколько минут.
...
Рейтинг: 0 / 0
06.10.2008, 13:17
    #35577959
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
перечёркнутый элемент списка в HTML
Патдон не типе=филе, а типе=текст.
...
Рейтинг: 0 / 0
06.10.2008, 13:26
    #35577987
verter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
перечёркнутый элемент списка в HTML
ShSergeВозьми инпут типе=филе, спозиционируй в конец имажу со стрелкой вниз. По клику на которую будет появляться див. В диве чё угодно можно перечёркивать. Цена вопроса - несколько минут.

нет, инпут нельзя, нужен именно открытый список
...
Рейтинг: 0 / 0
06.10.2008, 13:36
    #35578011
verter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
перечёркнутый элемент списка в HTML
NEKRASSOVМожет попробовать указать как наследника?

Код: plaintext
1.
2.
3.
#P_SGMT_ID option .deleted {
text-decoration: line-through;
}


не работает
...
Рейтинг: 0 / 0
06.10.2008, 13:36
    #35578013
verter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
перечёркнутый элемент списка в HTML
Краказябла зачем вообще внутрь option'ов писать span'ы ? не понятно :)
уберите все спаны это раз, а два: присвойте класс deleted option'у :)

не работает
...
Рейтинг: 0 / 0
06.10.2008, 13:49
    #35578047
Краказябл
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
перечёркнутый элемент списка в HTML
толкьо что исправил в вашем примере на <option class="deleted">asdas</option> и всё заработало :)
...
Рейтинг: 0 / 0
06.10.2008, 13:54
    #35578060
verter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
перечёркнутый элемент списка в HTML
Краказяблтолкьо что исправил в вашем примере на <option class="deleted">asdas</option> и всё заработало :)

ну не знаю, у меня не работает, вот код:

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style>.deleted {text-decoration: line-through;}</style>
</head>
<body bgcolor=#ffffff text=#000000 link=#0000cc vlink=#551a8b alink=#ff0000 topmargin=3 marginheight=3>
<table cellpadding=0 cellspacing=0>
<tr>
<td><div class="deleted">text</div></td>
<td>
<select name="P_SGMT_ID" multiple="yes" size="6" cols="80" class="text-input" style="font:12px;">
<option value="1" selected>
elem1
</option>
<option class="deleted" value="2">
elem2
</option>
</select>
</td>
</tr>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
06.10.2008, 13:56
    #35578063
verter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
перечёркнутый элемент списка в HTML
мне нужно чтобы elem2 в списке был перечёркнут
...
Рейтинг: 0 / 0
06.10.2008, 16:16
    #35578508
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
перечёркнутый элемент списка в HTML
verter Краказяблтолкьо что исправил в вашем примере на <option class="deleted">asdas</option> и всё заработало :)

ну не знаю, у меня не работает
установи файрфокс, тогда и у тебя заработает. Но очевидно ИЕ не поддерживает это свойство для option'ов. Нужно рассмотреть альтернативный вариант вроде выделения текста/фона цветом вместо зачеркивания (это ИЕ точно умеет) либо мастерить самодельный select.
...
Рейтинг: 0 / 0
06.10.2008, 16:31
    #35578557
verter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
перечёркнутый элемент списка в HTML
illionустанови файрфокс, тогда и у тебя заработает...

смешно. Во-первых, есть тех.задание, во-вторых заказчик работает только с ИЕ.
...
Рейтинг: 0 / 0
06.10.2008, 16:35
    #35578563
verter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
перечёркнутый элемент списка в HTML
illionНужно рассмотреть альтернативный вариант вроде выделения текста/фона цветом вместо зачеркивания...

это плохо, т.к. если элемент списка является выделенным (<option value="1" selected>
), то тогда непонятно зачёркнут он или нет
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / перечёркнутый элемент списка в HTML / 15 сообщений из 15, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]