Задание картинки-кавычки в теге заголовка

@The_Fat_Man · Регистрация: 04.03.2014

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

Всем доброго времени суток! Как грамотно, с точки зрения верстки HTML5, задать на странице элементы отображающие кавычки, как показано на прикрепленной картинке? Картинки две - это две png изображающие обычную и перевернутую кавычку. Какие были мысли у меня: 1) Просто прописать внутри тега заголовка два тега <img> до и после текста, но это очень грубо, т.к. семантики в себе не несет и вообще скорее относится к стилям страницы, а не к содержанию. 2) Задать как бэкграунд, но тогда при масштабировании они будут двигаться независимо от текста, а хотелось бы, чтобы они представляли единое целое. 3) Использовать пустые теги аля <span> внутри заголовка до и после текста, а уже непосредственно в этих тегах задать картинки как бэкграунд, но опять же использование пустых элементов на странице валидатором не поощряется. Пожалуйста, подскажите правильный способ решения.

@TRos · 09.05.2015, 12:26

Я бы рекомендовал задать картинке любой класс и прописать к нему псевдоклассы :before и :after, которые бы содержали в качестве content Ваши кавычки: http://htmlbook.ru/css/content

Новые блоги и статьи Все статьи Все блоги /
Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .

@The_Fat_Man 10 / 10 / 3 Регистрация: 04.03.2014 Сообщений: 140

	Задание картинки-кавычки в теге заголовка 09.05.2015, 01:32. Показов 833. Ответов 1 Метки нет (Все метки) Всем доброго времени суток! Как грамотно, с точки зрения верстки HTML5, задать на странице элементы отображающие кавычки, как показано на прикрепленной картинке? Картинки две - это две png изображающие обычную и перевернутую кавычку. Какие были мысли у меня: 1) Просто прописать внутри тега заголовка два тега <img> до и после текста, но это очень грубо, т.к. семантики в себе не несет и вообще скорее относится к стилям страницы, а не к содержанию. 2) Задать как бэкграунд, но тогда при масштабировании они будут двигаться независимо от текста, а хотелось бы, чтобы они представляли единое целое. 3) Использовать пустые теги аля <span> внутри заголовка до и после текста, а уже непосредственно в этих тегах задать картинки как бэкграунд, но опять же использование пустых элементов на странице валидатором не поощряется. Пожалуйста, подскажите правильный способ решения. Миниатюры 0

@TRos 0 / 0 / 2 Регистрация: 08.05.2015 Сообщений: 11
	09.05.2015, 12:26
	Я бы рекомендовал задать картинке любой класс и прописать к нему псевдоклассы :before и :after, которые бы содержали в качестве content Ваши кавычки: http://htmlbook.ru/css/content 0