• Страница 1 из 1
  • 1
Модератор форума: dotbot  
Сообщество uCoz » Архивариус » Корзина » С одной стороны острые края, с другой - закруглённые.
С одной стороны острые края, с другой - закруглённые.
Nexus_96
Сообщений: 14
Репутация: 15

Сообщение # 1 | 15:04:25
Как сделать, чтобы сверху были закруглённые края, а снизу острые?

Вот код:
Код
.qwe {border:1px solid #e8e8e8; -moz-border-radius:0px;-webkit-border-radius:0px; padding:0px; background: #f2f2f2; border-radius: 7px;}

Гуглил, инфу нашёл, но изменений никаких нет.
Спасибо.
сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 2 | 15:10:10
Nexus_96, пропишите для необходимого элемента:

Код
border-top-left-radius: 10px;
border-top-right-radius: 10px;
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 3 | 15:10:48
.qwe {border:1px solid #e8e8e8; -moz-border-radius: 7px 7px 0px 0px; -webkit-border-radius: 7px 7px 0px 0px; padding:0px; background: #f2f2f2; border-radius: 7px 7px 0px 0px;}
Nexus_96
Сообщений: 14
Репутация: 15

Сообщение # 4 | 15:12:54
сondor, Спасибо большое. Я оказывается не то заменял.
exzon0N
Сообщений: 29
Репутация: 2

Сообщение # 5 | 15:13:09
Nexus_96, ПопробуйтеКод
.qwe {border:1px solid #e8e8e8; -moz-border-radius:0px;-webkit-border-radius:0px; padding:0px; background: #f2f2f2; border-radius: 7px;}
Выделенное красным удалить.
Оставить
Код.qwe {border:1px solid #e8e8e8; padding:0px; background: #f2f2f2; border-radius:10px 10px 0 0;}
Более подробно
http://htmlbook.ru/css/border-radius
Сообщение отредактировал exzon0N - Среда, 12 Мар 2014, 15:17:03
Nexus_96
Сообщений: 14
Репутация: 15

Сообщение # 6 | 15:13:12
bandjuk, И тебе спасибо smile
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 7 | 15:13:44
bandjuk, А это то зачем ???
-moz-border-radius: 7px 7px 0px 0px; -webkit-border-radius: 7px 7px 0px 0px;
эти артефакты только невалидный мусор .. и без них и мазила и хром нормально работает по border-radius: 7px 7px 0px 0px;

сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 8 | 15:15:17
Цитата Miss_Esq ()
А это то зачем ???
-moz-border-radius: 7px 7px 0px 0px; -webkit-border-radius: 7px 7px 0px 0px;


Совершенно точно, префиксы вообще тут не нужны smile
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 9 | 15:15:23
Miss_Esq, если не знаешь, значит оно тебе и не нужно )
Nexus_96
Сообщений: 14
Репутация: 15

Сообщение # 10 | 15:16:43
Префиксы удалил. Спасибо.
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 11 | 15:19:27
bandjuk,
Цитата
если не знаешь
Невалидно 100%

Vintash
Сообщений: 379
Репутация: 172

Сообщение # 12 | 15:20:47
В IE border-radius разве работает?

The Cake Is a Lie
Сообщение отредактировал Vintash - Среда, 12 Мар 2014, 15:21:12
сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 13 | 15:20:47
Miss_Esq, с одной стороны невалидно, но с другой стороны бывает очень полезным когда необходимо задать разным браузерам разные значения для одного и того же элемента.
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 14 | 15:43:02
Vintash,
Цитата
В IE border-radius разве работает?
работает в IE 9 - 10 - 11
сondor, тогда уж использовать УО $USER_AGENT$ $USER_AGENT_VER$ + css а то и вообще разные html ...

Сообщество uCoz » Архивариус » Корзина » С одной стороны острые края, с другой - закруглённые.
  • Страница 1 из 1
  • 1
Поиск: