powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / перечёркнутый элемент списка в HTML
15 сообщений из 15, страница 1 из 1
перечёркнутый элемент списка в HTML
    #35577784
verter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
В 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
перечёркнутый элемент списка в HTML
    #35577886
NEKRASSOV
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Может попробовать указать как наследника?

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

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

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


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

не работает
...
Рейтинг: 0 / 0
перечёркнутый элемент списка в HTML
    #35578047
Краказябл
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
толкьо что исправил в вашем примере на <option class="deleted">asdas</option> и всё заработало :)
...
Рейтинг: 0 / 0
перечёркнутый элемент списка в HTML
    #35578060
verter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Краказяблтолкьо что исправил в вашем примере на <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
перечёркнутый элемент списка в HTML
    #35578063
verter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
мне нужно чтобы elem2 в списке был перечёркнут
...
Рейтинг: 0 / 0
перечёркнутый элемент списка в HTML
    #35578508
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
verter Краказяблтолкьо что исправил в вашем примере на <option class="deleted">asdas</option> и всё заработало :)

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

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

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


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