Forum Webscript.Ru

Дизайн и Верстка => Всё о Html => Тема начата: RelaX от 27 Марта 2006, 07:44:58

Название: Новый абзац
Отправлено: RelaX от 27 Марта 2006, 07:44:58

Здравствуйте!

На сайте используется в начале каждого абзаца меленький рисунок, можно ли средствами CSS сделать начало абзаца (тега P) с рисунка?

Название: Новый абзац
Отправлено: Greg от 27 Марта 2006, 07:59:11

RelaX
проще организовать абазац списком li, а там уже list-style-image:url(...);

можно сделать для абзаца так


p {
background-image:  url(...);
background-repeat:no-repeat;
background-position:N px/%;
}

примерно так, но нужно указать, чтобы текст начинался уже после картинки... отступ в общем

Название: Новый абзац
Отправлено: Xander от 27 Марта 2006, 23:48:18

Greg
Есть более красивый (но менее универсальный) способ:
http://www.w3.org/TR/CSS21/selector.html#before-and-after