Рамка

[~Quail~]

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

Я хочу на своей страничке, которую я пишу, сделать нечто подобное:

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

Благодарю зарание)

@темы: Web-дизайн

Comments

Такую полосу можно сделать только картинкой.

[~Quail~]

Спасибо большое) будем рисовать)) Ой, а можно еще вопросик?) На нескольких сайтах видела Линию напротив заголовка присмотритесь) Её тоже с помощью изображения делать придется?)

[~Quail~]

кажется, я не ту картинку отправила. пардон, сейчас поправим...

[~Quail~]

Нет, все верно, ту. Пардон за трепологию....

~Quail~, рядом с Welkome! ? Нет, ее можно сделать тегом

<hr>

например

[~Quail~]

Ой, подскажите пожалуйста, как)

[~Quail~]

---

Вроде после элемента идет? Или поддается абсолютному позиционированию?

~Quail~,
тег

<hr>

рисует полосу на всю ширину блока, в котором находится. У него можно через CSS поиграться с цветом и размером, но надо будет почитать, как цвет задается в разных браузерах.
Можно еще вставить div без содержимого и поиграть с его рамкой.

[~Quail~]

В общем, надо сделать блок рядом с заголовком... Выглядит не трудно, надо только попробовать) Спасибо большое и удачи))

~Quail~, можете посмотреть вот этот набросок:

<div style="display: inline-block">Welcome</div><div style="display: inline-block;  width: 60%"><hr></div>

И вам удачи

[~Quail~]

Отлично! Сделаю чуть больше заголовок, поменьше линию и будет вообще замечательно)) спасибо вам огромное))

[сюрная]

~Quail~, на хабре попалась статья, может вам поможет

[~Quail~]

Спасибо большое, это то, что нужно)