imho.ws
IMHO.WS  

Вернуться   IMHO.WS > Веб-мастеру > Дизайн
Опции темы
Старый 28.11.2006, 00:09     # 1
Self Author
Junior Member
 
Регистрация: 07.02.2006
Адрес: Ростов-на-Дону
Сообщения: 52

Self Author Путь к славе только начался
Помогите сделать элемент на css!

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



Надо, чтобы он был выровнен по центру, а эти узорчики были с боков на вот этом расстоянии. Причём, если текста больше, значит и они должны быть шире раздвинуты. Если текста на 2 строчки, то они должны быть вертикально посередине от этих строчек, т.е. между ними.
Сижу, думаю, ничего на ум не приходит. Подскажите, пожалуйста, кто знает...
Self Author вне форума  
Старый 28.11.2006, 03:47     # 2
Self Author
Junior Member
 
Регистрация: 07.02.2006
Адрес: Ростов-на-Дону
Сообщения: 52

Self Author Путь к славе только начался
Вот сам тут нарыл кое-что:
Код:
h1:before {
  display: marker;
  content: url(img/uzor_left.gif);
}
h1:after {
  display: marker;
  content: url(img/uzor_right.gif);
}
Но есть 2 проблемы:
1. IE наплевал на это и ничего не видит
2. Низ картинки выровнен по низу текста. А это некрасиво. И это самая противная проблема.
Self Author вне форума  
Старый 28.11.2006, 21:28     # 3
<Descriptor>
Junior Member
 
Регистрация: 27.09.2004
Сообщения: 51

<Descriptor> Путь к славе только начался
А если сделать div-ами? Те, что с картинкой - float по разным краям.
Или тебе нужно строго <h1>Заголовок</h1>?
<Descriptor> вне форума  
Старый 28.11.2006, 22:13     # 4
Self Author
Junior Member
 
Регистрация: 07.02.2006
Адрес: Ростов-на-Дону
Сообщения: 52

Self Author Путь к славе только начался
Дивами так не получается: надо чтобы картинки были на концах надписи, а не на сторонах страницы.
Я уже сделал таблицей. Выглядит - как надо, но очень грузно получается. Хотелось бы это как-то в стиль заголовка вписать раз и навсегда, чтобы каждый раз не повторять в html всю конструкцию.
Self Author вне форума  
Старый 10.07.2007, 13:31     # 5
strocks
Newbie
 
Аватар для strocks
 
Регистрация: 21.08.2005
Адрес: Таллин
Сообщения: 46

strocks Известность не заставит себя ждать
картинка не грузится, если ещё надо, напиши - помогу
__________________
strocks вне форума  


Ваши права в разделе
Вы НЕ можете создавать новые темы
Вы не можете отвечать в темах.
Вы НЕ можете прикреплять вложения
Вы НЕ можете редактировать свои сообщения

BB код Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


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




Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.