Тень и закругленные углы

[dimamen777]

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

 

[tigra60]

Во-первых, у вас <div class="shadow"> не закрыть,
Во-вторых, нет смысла объявлять два разных блока, когда можно тень придать подложке или в стилях для wrapper, или хотя бы так:
<div id="wrapper" class="shadow">
В-третьих, к классу shadow добавьте закругления, скопировав их с header и footer.

 

[dimamen777]

спасибо ,див забыл поставить, да и с враппером все верно, но у меня в опере как и в ие не работает, но в ие вы мне дали ссылку, а с оперой вроде только со следующей версией будет поддержка углов

 

[tigra60]

Ну, так а для Оперы то вы закругления и не указали! (без -moz- и -webkit-) Добавьте:

border-top-left-radius: 10px;
border-top-right-radius: 10px;

и

border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;

 

[dimamen777]

Ну, так а для Оперы то вы закругления и не указали! (без -moz- и -webkit-) Добавьте:

border-top-left-radius: 10px;
border-top-right-radius: 10px;

и

border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;

все так просто когда знаешь

 

[BaNru]

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;

Тигра знает толк в извращениях. Всё намного проще

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;

Если надо разные углы, то делается так

border-radius: 7px 5px 10px 3px;

Так же с префиксами разумеется.

 

[vla]

Наверное, будет уместна ссылка:
http://border-radius.com/
отвечает за [member=tigra60] на вопросы кроссбрузерности

 

[tigra60]

Тигра знает толк в извращениях

Вы хотите от меня оптимизации чужого кода?
Много хотите!!!

 

[BaNru]

Наверное, будет уместна ссылка: http://border-radius.com/

Ты тоже знаешь толк в извращениях :biggrin:

 

[vla]

Согласен, но периодически пользуюсь такими штуками для углов, градиентов и теней, когда надо прикинуть подходит это свойство или нет. Если подходит, то делаю озвученным:...-border-radius:7px 5px 10px 3px;

А вообще вопрос: "как скруглить углы", наверное самый популярный, блин!
Можно соорудить прикрепленную тему с ЧАВО, на подобии "с чего начать?", которую сделал [member=ScripT].

В нее надо занести:

• Скругленные углы
• Тени, прозрачности, градиенты
• "Растянуть фон на всю страницу"
• "Прижать футер к низу"
• итд, больше в голову не пришло, но думаю список можно дополнить

 

[BaNru]

А можно еще весь интернет в ту тему засунуть.
vla, если ты не заметил, то наличие той темы не отменяет вопросов, которые там уже озвучены и даже в самой теме!

Согласен, но периодически пользуюсь такими штуками для углов, градиентов и теней, когда надо прикинуть подходит это свойство или нет

Для этого проще использовать Firebug и смотреть уже на верстке, а не на том квадрате.