Как сделать нижнее подчеркивание чтобы не было видно запятой?

Question

[bossigorxxx]

Уважаемые верстальщики, помогите советом. https://zeo-group.ru/v-roznicu/ есть сайт надо нижним подчеркиванием заштриховать запятую у числа 1,325. бордер боттом не помогает. лишь в низ опускается. ниже строчки.

Answer 1

[Андрей Федоров]

Способ 1:
Зачем маскировать ее на css? Просто уберите с помощью js

function killComma() {
   var mathResult = document.querySelector('span.math_result');
   mathResult.innerHTML = mathResult.innerHTML.replace(',', ' ');
}
killComma();

Способ 2:
С помощью инструкции @font-face создать сборку шрифта, в котором символ запятой заменен пробелом.

Comments

[bossigorxxx]

<script language="JavaScript">
function killComma() {
   var mathResult = document.querySelector('span.math-result');
   mathResult.innerHTML = mathResult.innerHTML.replace(',', ' ');
}
killComma();
</script>

Поставил перед формой не пошло( Что то не так делаю? Пробовал и в футер и хедер.

[Андрей Федоров]

bossigorxxx, ну а как по вашему рендерится страница? Браузер последовательно обрабатывает все теги, доходит до этого js, выполняет, но на странице еще не элемента span.math-result, он появляется только после выполнения js, поэтому код отрабатывает в холостую. Поставьте запуск функции после формы и все заработает.

[bossigorxxx]

Андрей Федоров, поставил после - не помогает.

[Андрей Федоров]

bossigorxxx, поставьте его перед закрывающим тегом body.
зы: а, прошу прощение, называние нужного класса "math_result". Замените у меня в коде.

[bossigorxxx]

Андрей Федоров, всё сделал, как вы посоветовали. Не помогает . А может быть так, что вывод этой цифры идёт аяксом, и оно игнорирует наши правила?

[Андрей Федоров]

bossigorxxx, ну тогда нужно повесить вызов моей функции после получения данных от сервера...

[bossigorxxx]

Простите, а это как?

[Андрей Федоров]

bossigorxxx, что значит как? дождались когда данные придут, запустили мою функцию killComma();

[bossigorxxx]

Андрей Федоров, Этот скрипт не в футер надо? а куда то в другое место?

[Андрей Федоров]

bossigorxxx, да. его нужно запустить после того, как вы вставите полученные аяксом данные себе на страницу. Тогда он сработает.

[bossigorxxx]

Андрей Федоров, Если я дам ява файл. Поможете туда вставить? Я ставлю.. но помоему не так идет. все сразу пропадает и чисел.

[Андрей Федоров]

bossigorxxx, я вам подсказал, как можно решить ваш вопрос. но делать за вас я не буду. по меньшей мере бесплатно.

Answer 2

[Юпитер Макс]

before, after

Comments

[bossigorxxx]

Пробовал.. но повторюсь... черта чуть ниже запятой. Как можно регулировать высоту нижней строчки?

[Павел]

background: #000;
position: absolute;
bottom: 0;
left: 0;
height: 1px;
width: 100%;

[Юпитер Макс]

bossigorxxx, ну так я же написал, так и делайте черту. Регулируйте, выше - ниже