Применение жирного шрифта к тексту до двоеточия

@dedmusos · Регистрация: 27.12.2012

Студворк — интернет-сервис помощи студентам

Уважаемые, разработчики!
В данный момент затачиваю Joomla под нужды заказчиков. Компьютером сии ребята владеют, мягко говоря, не важно. Очень не важно. Оттого стараюсь все элементы автоматизировать до мелочей.

Вопрос такой: стоит задача в кратком и развернутом описании товара указывать его характеристики - вес, ширину, высоту, цвет и прочее. Выглядит примерно так:
Цвет: красный, желтый, синий
Размер: 210*290
Вес: 240 кг.

и т.д.

По стилистике сайта текст, что до двоеточия нужно выделить жирным шрифтом. Знающий человек мог бы просто заключить текст в тег или применить BB-code, но в нашем случае это будет нагрузкой на заказчиков))) Поэтому вопрос - можно ли используя css создать такое правило - выделять текст до двоеточия жирным шрифтом?.. Можно, конечно, было бы и на php написать для этого сценарий, но хотелось бы пока с меньшими трудозатратами и большей элегантностью решить вопрос.

@Taatshi · 31.12.2012, 09:28

css тут не поможет - можно поправить макет вывода товара в коде магазина - тайтл заключить в спан прямо в коде.

@dedmusos · 31.12.2012, 09:33 **[ТС]**

Да эт понятно...
Хотелось без кодинга решить вопрос. Завтра им разонравится этот стиль вывода и придется снова в Php лезть. А представьте, если это будет делать другой разработчик. Боюсь, голову сломает, пока не поймет, где же там кусок кода, который span добавляет к титлу...

@maximus2011 · 31.12.2012, 10:16

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

CSS
1
font-weight:bold;

И уж если потом и надо будет поменять стиль, то это будет сделать просто. Надеюсь подсказал понятными словами.

@dedmusos · 31.12.2012, 10:29 **[ТС]**

Кстати да, достаточно просто. Спасибо!..

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

@dedmusos 0 / 0 / 0 Регистрация: 27.12.2012 Сообщений: 3

	Применение жирного шрифта к тексту до двоеточия 31.12.2012, 09:12. Показов 2561. Ответов 4 Метки нет (Все метки) Уважаемые, разработчики! В данный момент затачиваю Joomla под нужды заказчиков. Компьютером сии ребята владеют, мягко говоря, не важно. Очень не важно. Оттого стараюсь все элементы автоматизировать до мелочей. Вопрос такой: стоит задача в кратком и развернутом описании товара указывать его характеристики - вес, ширину, высоту, цвет и прочее. Выглядит примерно так: Цвет: красный, желтый, синий Размер: 210*290 Вес: 240 кг. и т.д. По стилистике сайта текст, что до двоеточия нужно выделить жирным шрифтом. Знающий человек мог бы просто заключить текст в тег или применить BB-code, но в нашем случае это будет нагрузкой на заказчиков))) Поэтому вопрос - можно ли используя css создать такое правило - выделять текст до двоеточия жирным шрифтом?.. Можно, конечно, было бы и на php написать для этого сценарий, но хотелось бы пока с меньшими трудозатратами и большей элегантностью решить вопрос. 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	31.12.2012, 09:28
	css тут не поможет - можно поправить макет вывода товара в коде магазина - тайтл заключить в спан прямо в коде. 0

@dedmusos 0 / 0 / 0 Регистрация: 27.12.2012 Сообщений: 3
	31.12.2012, 09:33 [ТС]
	Да эт понятно... Хотелось без кодинга решить вопрос. Завтра им разонравится этот стиль вывода и придется снова в Php лезть. А представьте, если это будет делать другой разработчик. Боюсь, голову сломает, пока не поймет, где же там кусок кода, который span добавляет к титлу... 0

@dedmusos 0 / 0 / 0 Регистрация: 27.12.2012 Сообщений: 3
	31.12.2012, 10:29 [ТС]
	Кстати да, достаточно просто. Спасибо!.. 0