Две цены, старая и новая со скидкой, как перечеркнуть старую цену?

Question

[Антон Вебсайтовский]

Здравствуйте, сделал на сайте две цены, старая цена и новая цена со скидкой, как мне весь div блок с ценой перечеркнуть?

<div class="fullblockfull">
<div class="full1">Цена товара</div>
<div class="full3" id="fullcena">
<strong><span>1.000</span> руб</strong>
</div></div>

Answer 1

[Максим]

text-decoration:line-through; Источник

Comments

[Антон Вебсайтовский]

Так это на текст, а не на весь блок.

[Максим]

Антон Вебсайтовский: да хоть на что - https://jsfiddle.net/atlanta/2wabvynm/ вот пример

Answer 2

[Антон Вебсайтовский]

Сделал доп стили, прозрачность, так же картинку которая поверх блока наложилась, перечеркнутая прозрачная png.

.fullblockfullhide{
margin-top: 15px;
margin-bottom: 15px;
border: 1px solid #eeeeee;
height:43px;
line-height:43px;
padding-left: 15px;
padding-right: 15px;
opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);
}
.fullblockfullhideing{
position:relative;
height:43px;
background-image:url(/media/images/perecherknytacena.png);
}

Answer 3

[Иван Козлов]

Используй тег del
htmlbook.ru/html/del

Comments

[Максим]

Тег используется для выделения текста, который был удален в новой версии документа. Подобное форматирование позволяет отследить, какие изменения в тексте документа были сделаны. Браузеры обычно помечают текст в контейнере как перечеркнутый.

[Иван Козлов]

Максим Жаров: т.е. woocommerce его использует.

[Максим]

Иван Козлов: я про что вообще сказал то - тег применяют для показа удалённых элементов - хотя да ! это тоже правильно -
по факту цена была удалена

[Михаил Чирский]

Иван Козлов: Максим Жаров: тег в 2016, ребята вы серьезно? темболее, такие простые вещи, с легкостью делаются с помощью CSS, мало того, что сами делаете не правильно и еще советуете новичкам, и да woocommerce плохой пример, у них много чего не так, а то что там все из прошлого века, это давно не секрет

[Иван Козлов]

Михаил Чирский: Если "это" работает, то что в этом не так? Аналогий можно назвать кучу.

[Михаил Чирский]

Иван Козлов: ну теги strong, bold тоже работают, однако правильно задавать через стиль, ну вашу позицию я понял, работает и работает и насрать на стандарты, буду первобытным пещерным человеком. Откланяюсь

[Максим]

Михаил Чирский: я не советовал этого , я и написал про text-decoration

[Михаил Чирский]

Максим Жаров: ну позже вы поддержали товарища Иван Козлов, разве нет?

[Иван Козлов]

Михаил Чирский: тег del использует стиль text-decoration: line-through по умолчанию. Это означает, что не надо писать стиль в style.css, что уменьшает как минимум нагрузку. В стандартах я нигде не находил не используйте del. del кроссбраузерный. Как вообще слово модно("буду первобытным пещерным человеком") относится к качественной разработке? Тут спорить не зачем. Главное качество.

[Михаил Чирский]

Иван Козлов: я понял, в вашем случае насрать на модерн, ваша задача работает и работает, как никого не интересует, интересная позиция, ну малоли вы захотите изменить свое решение, то гляньте Вадима Макеева, врятли он просто так вещает, что такое семантика и правила хорошего тона, и как делать лучше и правильнее, а не как вам нравится, ведь оно же работает

pepelsbey.net/2011/07/sense-coding

[Максим]

Михаил Чирский: я лишь написал что можно - но не решение , пример то привёл я с text-decoration

[Антон Вебсайтовский]

Я думаю сделаю так, будет прозрачным и с верху просто накладываться картинка прозрачная с полосой на весь див, чтобы видно было что весь див перечеркнут !

[Антон Вебсайтовский]

Ну вот пожалуйста что вышло ) c2n.me/3wVcis7