VPF::Фон в диве - Форум программистов

FightInGlory

Дата 6.1.2010, 16:59 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 123
Регистрация: 14.11.2006

Репутация: 1
Всего: 1

Хотел сделать закругления для дива, начал с хэдера. Сделал три дива и все работает, но затем решил сделать в одном и тут начались проблемы. Вот то что работает:
HTML код:

Код


<!--HEADER-->
<div class="header_left"></div>
<div class="header_center"></div>
<div class="header_right"></div>
<!--END HEADER-->

CSS код:

Код


* {padding: 0; margin: 0;}
.header_left {
width:30px; 
height:20px; 
border:none; 
float:left;
background:url(header_left.gif) no-repeat;}
.header_center {
width:70%; 
height:20px; 
border:none;
float:left;
background-color:#bac6d6;}
.header_right {
width:30px; 
height:20px; 
border:none;
float:left;
background:url(header_right.gif) no-repeat;}

То что не получается, отображается лишь правое закругление.

HTML код:

Код


<div class="header"></div>

CSS код:

Код


.header {
margin:0 auto;
width:70%;
height:20px; 
border:none;
background:#bac6d6 url(header_right.gif) no-repeat left;
background:url(header_right.gif) no-repeat right;}

FightInGlory

Дата 6.1.2010, 23:27 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 123
Регистрация: 14.11.2006

Репутация: 1
Всего: 1

Вот вычитал что можно сделать благодаря псевдоклассу :first-letter. Но в пока не получается.

Mavrun

Дата 7.1.2010, 12:29 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 199
Регистрация: 25.11.2007

Репутация: 9
Всего: 13

Потому что одному контейнеру два бэкграунда, насколько я тыкался и пробовал в своё время, не прописать.
Если хочется всё в одном контейнере и чтобы с углами, то тут, наверное, подходят только приложения AJAX-библиотек по закруглению углов. По ссылке можно прочитать про закругление углов на jQuery.

Да, и не очень понял как может помочь first-letter, если это только делает стиль заглавной буквы.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »