Помощник
|
Закругление углов у div |
Sleepwalker_mw
|
Сообщение
#1
|
||
|
|
||
|
|||
Игорян_mw |
11.10.2013, 10:29;
Ответить: Игорян_mw
Сообщение
#2
|
|
1. Пропишите класс к блоку div и придайте стиль border-radius. это простой способ, но на сколько помню он работает не во всех браузерах.
2. Нарежьте картинку с круглыми углами в фотошопе на три части верх, низ и середина. Далее нужно будет прописать класс div и придать стиль в котором и пропишите путь до нарезанных картинок. Такой способ корректно работает во всех браузерах. P.S. гугл знает всЁ! Тема заезженная вдоль и поперек. |
|
|
Sleepwalker_mw
|
Сообщение
#3
|
|
Спасибо! а как можно сделать отступ по шире от текста до края??
{border-radius: 15px; color: #c0c0c0; border:1px solid #f6a955;}
|
|
|
fedornabilkin |
11.10.2013, 12:39;
Ответить: fedornabilkin
Сообщение
#4
|
|
отступ padding:1px 2px 3px 4px; Сверху 1, справа 2, снизу 3 и слева 4 пикселей. Можно использовать padding-top:1px;
padding-right:2px; padding-bottom:3px; padding-left:4px; |
|
|
Лиана Аджиева |
15.10.2013, 12:54;
Ответить: Лиана Аджиева
Сообщение
#5
|
|
Все верно, но вы забыли, что разные люди пользуются разными браузерами и не все стили в разных браузерах отображаются одинаково и поэтому
.class {
border-radius: 10px; /* свойство для тех кто его поддерживает */ -moz-border-radius: 10px; /* для firefox */ -webkit-border-radius: 10px; /* для Safari и Chrome */ } |
|
|
isvetlichniy |
15.10.2013, 17:13;
Ответить: isvetlichniy
Сообщение
#6
|
|
1. Пропишите класс к блоку div и придайте стиль border-radius. это простой способ, но на сколько помню он работает не во всех браузерах. не работает только в старых браузерах, а если конкретно - то читайте спецификацию я рекомендую не заморачиваться на счет браузеров, так как 90% пользователей уже используют "нужные" браузеры. Статистика по браузерам |
|
|
freezeranet |
16.10.2013, 17:06;
Ответить: freezeranet
Сообщение
#7
|
|
А вообще, обновляйте браузеры
|
|
|
WhiteIce |
23.10.2013, 1:17;
Ответить: WhiteIce
Сообщение
#8
|
|
|
Скругление уголков не работает в ие8 и ниже, если нет требований поддержки в этих браузеров (делаете сайт для себя) сейчас уже можно ими принебречь. Для старых браузеров других версий есть префиксы.
Еще можно пользоваться такой штукой ( последняя версия на скорости уже не сказывается).
-------------------- |
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Моя div-ная верстка соответствует ли стандартам Хотелось бы конструктивной критики |
10 | muratastana | 1545 | 14.1.2023, 1:16 автор: xweb |
|
DIV'ы в строку | 0 | RedEclipse | 5463 | 29.9.2016, 17:53 автор: -RedEclipse- |
|
при выборе radio в option не скрывались div | 0 | serj123 | 6928 | 17.4.2016, 17:45 автор: -serj123- |
|
Как заставить отображать несколько элементов DIV в одну строку? | 2 | Aalena | 4002 | 10.1.2016, 10:18 автор: -Aalena- |
|
Фоны в в div'ах расходятся при сужении экрана | 1 | Balalaaika1 | 5615 | 2.6.2015, 19:35 автор: -Degradator- |
Текстовая версия | Сейчас: 29.3.2024, 6:33 |