Я пытаюсь обернуть текст в некоторые большие красивые двойные кавычки. Я посмотрел на this tutorial, но, похоже, немного сложнее, чем я думал. Моя кишка говорит, что кто-то здесь, в SO, знает более умный способ. Я открыт для чего-либо: CSS или PHP или Javascript или JQuery (но предпочтительно не JS/JQuery)Большие двойные кавычки: лучший способ добавить их
Учебник не выглядит слишком сложным для меня - я думаю, что их метод довольно хороший. Если вам не нравится задание одного из фоновых изображений в :first-letter, вы могли бы использовать поддержку CSS3 для нескольких фоновых изображений:
blockquote {
background: url("open-quote.gif") top left no-repeat,
url("close-quote.gif") bottom right no-repeat;
/* Other rules... */
}
... но это будет работать только в some browsers.
Если бы я был вами, я бы использовал метод, описанный в учебнике.
Я бы рекомендовал следовать предложенному методу: просто добавьте стиль для элемента blockquote, чтобы дать ему фоновое изображение ваших больших кавычек.
Если вы хотите чистого раствора CSS, вы можете использовать что-то вроде этого:
blockquote:before, blockquote:after {
content: '"';
font-size: 400%;
}
Конечно, вы будете играть с высоты строк и полей, чтобы получить его смотреть нормально, но даже тогда , он не будет работать в IE.
Этот урок, который вы связали, очень прост, вы не получите ничего более простого. – McPherrinM
Это просто, вы правы, но он не играет хорошо с некоторыми из кода, который у меня уже есть. Например, blockquote заставляет верхнее и нижнее заполнение, которое мне не нужно, и изображения даже не появляются. – Fred
@Fred: Вы пробовали играть со значениями 'padding' /' text-indent'? –