<strike> други цветом

boomolezka · February 11, 2010

На сайте вывожу прайслист, у каждого товара две цены - "старая" и "новая".

Старая цена у меня выделяется красным и перечёркивается тегом <strike>.

Мне необходимо чтобы перечёркивание strike было крассным а сам текст белым.

Насколько я понимаю с помощью <strike> сделать это у меня не получится? Каким образом это можно реализовать?

Great Rash · February 11, 2010

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title>An XHTML 1.0 Strict standard template</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />

	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
			font: 12px Tahoma, Arial, sans-serif;
		}

		body {
			margin: 10px;
		}

		.strike {
			overflow: hidden;
			position: relative;
			zoom: 1;
		}

		.strike del {
			display: block;
			overflow: hidden;
			position: absolute;
			z-index: 1;
			top: 50%;
			width: 100%;
			height: 1px;
			font-size: 0;
			line-height: 0;
			background: red;
		}
	</style>
</head>

<body>

	<span class="strike"><del></del>text</span>

</body>
</html>

А еще лучше вот так:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title>An XHTML 1.0 Strict standard template</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />

	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
			font: 12px Tahoma, Arial, sans-serif;
		}

		body {
			margin: 10px;
		}

		del {
			color: red;
		}

		span {
			color: black;
		}
	</style>
</head>

<body>

	<del><span>text</span></del>

</body>
</html>

SelenIT · February 12, 2010

Я бы сказал, что не "еще лучше", а только второй вариант и есть правильный. Первый — разве что для каких-нибудь совсем уж художественных изысков...

Great Rash · February 12, 2010

Ну а вдруг я волнистой линией перечеркнуть захочу.

Я вот ща это написал и подумал, а что если дизайнер этот пост увидит...стопудово захочет гжелью перечеркивать :lol:

Sign In

<strike> други цветом

Question

boomolezka

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information