IMHO.WS - Помогите сделать элемент на css!

IMHO.WS (http://www.imho.ws/index.php)

- Дизайн (http://www.imho.ws/forumdisplay.php?f=22)

- - Помогите сделать элемент на css! (http://www.imho.ws/showthread.php?t=111800)

Self Author

28.11.2006 00:09

Помогите сделать элемент на css!

Вот стоит передо мной такая задача: надо сделать заголовок h1, чтобы он выглядел так:

http://www.kordon-rnd.ru/1/example.gif

Надо, чтобы он был выровнен по центру, а эти узорчики были с боков на вот этом расстоянии. Причём, если текста больше, значит и они должны быть шире раздвинуты. Если текста на 2 строчки, то они должны быть вертикально посередине от этих строчек, т.е. между ними.
Сижу, думаю, ничего на ум не приходит. Подскажите, пожалуйста, кто знает... :молись:

Self Author

28.11.2006 03:47

Вот сам тут нарыл кое-что:

Код:

h1:before {

  display: marker;

  content: url(img/uzor_left.gif);

}

h1:after {

  display: marker;

  content: url(img/uzor_right.gif);

}

Но есть 2 проблемы:
1. IE наплевал на это и ничего не видит
2. Низ картинки выровнен по низу текста. А это некрасиво. И это самая противная проблема. :(

28.11.2006 21:28

А если сделать div-ами? Те, что с картинкой - float по разным краям.
Или тебе нужно строго <h1>Заголовок</h1>?

Self Author

28.11.2006 22:13

Дивами так не получается: надо чтобы картинки были на концах надписи, а не на сторонах страницы.
Я уже сделал таблицей. Выглядит - как надо, но очень грузно получается. Хотелось бы это как-то в стиль заголовка вписать раз и навсегда, чтобы каждый раз не повторять в html всю конструкцию.

strocks

10.07.2007 13:31

картинка не грузится, если ещё надо, напиши - помогу

Часовой пояс GMT +4, время: 11:20.