Свойство Text decoration для поля

[VasyOK{!}]

Доброго времени суток! Хочу задать вопрос к специалистам CSS

Вот страничка http://nablago.com.ua/content/co-enzyme-q10

Там написано: Старая цена: 360,00 (Все зачеркнуто)

А нужно, чтобы была зачеркнута только цифра 360,00

Как это сделать?

В CSS прописано

.

field-field-oldtzena {
 text-decoration: line-through;
 color: green;
}

.field-field-oldtzena .field-label-inline-first {
 text-decoration: none;
 color: red;
}

Как видите цвета отображаются нормально, а свойство text-decoration: none почему то не хочет становится как надо.

[psywalker]

А в чём проблема обернуть в див (а лучше в спан) только цифры и ему уже назначить зачёркивание?

[VasyOK{!}]

Как бы это сказать...

Если бы для меня это не было проблемой я бы не задавал таких вопросов

[swetlana]

ну там и мудрёж конечно…

должно быть так:

<p class="oldprice">Старая цена:  <del>360,00</del></p>

p.oldprice {
color: green;
}
p.oldprice del {
text-decoration: line-through; /* на случай, если вдруг ранее переопределено. Но скорее всего эта строка не нужна */
color: red;
}

[VasyOK{!}]

Боюсь, swetlana, что чтобы такое написать мне надо перелопатить всю логику CMS (Drupal кстати говоря)

Мне бы имеющиеся CSS подредактировать.

Edited September 23, 2010 by VasyOK{!}

[Vlad]

Текст "Старая цена" обернут в div, поэтому придется вначале задать зачеркивание для всей строки, а потом для текста с ценой его убрать.

.art-article .field-item { text-decoration: line-through; }

.art-article .field-item .field-label-inline-first { text-decoration: none; }

[VasyOK{!}]

"вначале задать зачеркивание для всей строки, а потом для текста с ценой его убрать"

Vlad, почему-то мне кажется что я примерно так и поступил хотя я не специалист

Все равно воспользовался вашим советом по коду но не получилось.

Эта строчка работает, в смысле все подобные поля становятся перечеркнутыми:

.art-article .field-item { text-decoration: line-through; }

А эта нет:

.art-article .field-item .field-label-inline-first { text-decoration: none; }

[s0rr0w]

Нереально отменить зачеркивание, которое назначено на родительский элемент, из дочернего. Это все равно, что находясь в квартире перекрасить внешнюю стену дома в другой цвет.

[Searcher]

специфичность разная... должен так заработать: .art-article .field-label-inline-first { text-decoration: none; }

[s0rr0w]

специфичность разная... должен так заработать: .art-article .field-label-inline-first { text-decoration: none; }

Дело не в специфичности, а в том, что зачеркивается контейнер, а не текст.

[LunatiK]

Хотите изврата? их есть у меня :

<div class="field-item odd" style="margin-left: 95px;">
<div style="background-color: white; position: absolute; text-decoration: none; margin-left: -95px" class="field-label-inline-first">
Старая цена: </div>360,00</div>

Баловался в фаербаге, так что камнями не кидайте

[VasyOK{!}]

Searcher, не работает предложенное вами решение, да s0rr0w прав.

LunatiK, а можно в виде CSS ваши мысли увидеть?

[LunatiK]

Searcher, не работает предложенное вами решение, да s0rr0w прав.

LunatiK, а можно в виде CSS ваши мысли увидеть?

Ладно я сегодня добрый перепишу данный из атрибутов в классы за вас

.field-item { 
		  margin-left: 95px;
}
.field-label-inline-first {
		  background-color: white; 
		  position: absolute; 
		  text-decoration: none; 
		  margin-left: -95px;
}

[VasyOK{!}]

Спасибо LunatiK! Жму руку! Работает!

Ваши извратства мне определенно нравятся.

А можете рассказать ход ваших мыслей?

[LunatiK]

Я не до такой степени добрый. Смотрите CSS свойства в справочнике и делайте выводы.

[VasyOK{!}]

Нет я знаю что такое margin-left: и все остальное.

Можете сказать принцип вашей логики? В справочниках такого не написано.

[rus]

А можете рассказать ход ваших мыслей?

читайте про св-во позишн.

[VasyOK{!}]

position: absolute я тоже понимаю.

Меня интересует алгоритм человеческой логики.

[LunatiK]

Не надо ко мне в мозг залезать. Вы психотерапевт чтоли? вам не нужно меня понимать, вам нужно понять почему то что я написал вам - работает

[rus]

Не надо ко мне в мозг залезать. Вы психотерапевт чтоли?

ужос

[CEBEP]

надо то было человеку строку написать а его уже и оборжали и запутали... радует что на сайте всё как хотелось

[mishka]

надо то было человеку строку написать а его уже и оборжали и запутали... радует что на сайте всё как хотелось

Если бы прочитал все посты то и сам бы посмеялся (ну если чувство юмора присутствует)

А ТС ничуть не запутали, а помогли решить проблему. Вот только не провели полный курс обучения верстке.

[LunatiK]

Если бы прочитал все посты то и сам бы посмеялся (ну если чувство юмора присутствует)

А ТС ничуть не запутали, а помогли решить проблему. Вот только не провели полный курс обучения верстке.

Ну для демо-версии сойдёт )) остальное сами знаете, либо деньги, либо время, либо и то и другое.

[VasyOK{!}]

Спасибо всем!

[clavin]

Спасибо всем!

Боюсь, это только начало твоих проблем. В Firefox3 и Opera может всё нормально и отображается, а ты посмотри сайт в браузерах Google Chrome, IE7 или Safari. Там текст "Старая цена" по прежнему зачёркнут.

Edited September 26, 2010 by clavin

[VasyOK{!}]

Мда-а действительно.

Что же это за свойство такое Text Decoration?