Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> проподают круглые края 
:(
    Опции темы
supervladislav
Дата 14.9.2010, 01:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


///\\\///\\\///\\\
***


Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

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



Скажите  народ я невезжаю как надо залить меню цветом так чтобы были видны круглые углы пробовал создать отступы внутри элемента 
padding ,но не получилось )))как должен находится див в котором идет прокраска относительно других дивов
Код

<div id="myright">
<div class="zagolovok1"><div class="zagolovok2"><div class="zagolovok3"><div class="zagolovok4">
<p>sdfsdsdgfdgsdfgsdffdsfgsdfgsdfgsdfgf5a5250</p>
<p>sdfsdsdgfdgsdfgsdffdsfgsdfgsdfgsdfg5a52505</p>
<p>sdfsdsdgfdgsdfgsdffdsfgsdfgsdfgsdf5a52505a</p>
<p>sdfsdsdgfdgsdfgsdffdsfgsdfgsdfgsd5a52505a5</p>
</div></div></div></div></div>

Код

div#myright{margin:30px 200px;width:30%;background-color:#5a5250;}
.zagolovok1{background-image:url(../screen/levo_menu.png);background-repeat:no-repeat;background-position:top left;}
.zagolovok2{background-image:url(../screen/pravo_menu.png);background-repeat:no-repeat;background-position:top right;}

.zagolovok3{background-image:url(../screen/niz_levo.png); background-position: bottom left; background-repeat:no-repeat;}
.zagolovok4{background-image:url(../screen/pravo_niz.png); background-position: bottom right; background-repeat:no-repeat;}

PM MAIL   Вверх
supervladislav
Дата 14.9.2010, 01:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


///\\\///\\\///\\\
***


Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

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



скажите
свойство  background:

кроме как в колличестве задаваемых свойств)))имеет ли значимость порядок этих свойств и их отображение 
PM MAIL   Вверх
Mavrun
Дата 14.9.2010, 07:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



supervladislav, порядок в данном случае значения не имеет

в принципе твоя проблема может возникать из-за прозрачных рисунков - ибо заливается тогда всё поле и прозрачность уголков как бы заливается тоже.

к примеру, можно разделить блок на верхнюю часть, среднюю и нижнюю. тогда в средней части цвет, а в верхней и нижней по уголку.
PM MAIL   Вверх
magelan
Дата 14.9.2010, 13:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


потерял xPath
**


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

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



если кругляшки лежат всегда на одном фоне - проще переделать картинки, сделать прозрачным сам загиб и непрозрачным фон. экономит кучу нервов.
PM MAIL   Вверх
prom2332
Дата 18.9.2010, 00:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


веб-мастер



Профиль
Группа: Участник
Сообщений: 14
Регистрация: 26.8.2010
Где: Москва

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



Код немного подправил, бекграунды лучше всего писать так, как у мня в примере, потому что уменьшает количество лишнего кода. По идее все написано правильно, косяки могут быть только в картинках.

Код

<div id="myright">
    <div class="zagolovok1">
        <div class="zagolovok2">
            <div class="zagolovok3">
                <div class="zagolovok4">
                    <p>sdfsdsdgfdgsdfgsdffdsfgsdfgsdfgsdfgf5a5250</p>
                    <p>sdfsdsdgfdgsdfgsdffdsfgsdfgsdfgsdfg5a52505</p>
                    <p>sdfsdsdgfdgsdfgsdffdsfgsdfgsdfgsdf5a52505a</p>
                    <p>sdfsdsdgfdgsdfgsdffdsfgsdfgsdfgsd5a52505a5</p>
                </div>
            </div>
        </div>
    </div>
</div>


Код

div#myright {margin:30px 200px; width:30%; background-color:#5a5250;}
.zagolovok1 {background:url(../screen/levo_menu.png) no-repeat top left;}
.zagolovok2 {background:url(../screen/pravo_menu.png) no-repeat top right;}
.zagolovok3 {background:url(../screen/niz_levo.png) no-repeat bottom left;}
.zagolovok4 {background:url(../screen/pravo_niz.png) no-repeat bottom right;}



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


 




[ Время генерации скрипта: 0.0433 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.