Перейти к содержимому


Пользователь месяца
WGN WGN 1-й за Июль
Очков активности: 850 2 темы, 75 сообщений, 7 баллов репутации
Сайт: worldgamenews.com
ТОП самых активных за этот месяц
  • Фотография TimurR
    #1

    TimurR
    Очков активности: 273 3 темы, 17 сообщений, 7 баллов репутации

  • Фотография WGN
    #2

    WGN (worldgamenews.com)
    Очков активности: 64.5 Вне конкурса за определение пользователя месяца

  • Фотография ShowPrint
    #3

    ShowPrint (ShowPrint.ru)
    Очков активности: 52.5 0 тем, 7 сообщений, 5 баллов репутации

  • Фотография BlackLion
    #4

    BlackLion
    Очков активности: 36 0 тем, 24 сообщения, 1 балл репутации

  • Фотография Vmir
    #5

    Vmir
    Очков активности: 25.5 Вне конкурса за определение пользователя месяца

  • Фотография Napoleon-007
    #6

    Napoleon-007
    Очков активности: 21 0 тем, 14 сообщений, 1 балл репутации

  • Фотография Ixman
    #7

    Ixman (o5cat.ru)
    Очков активности: 21 0 тем, 7 сообщений, 2 балла репутации

  • Фотография alekswebart
    #8

    alekswebart
    Очков активности: 19.5 1 тема, 10 сообщений, 1 балл репутации

  • Фотография r0mZet
    #9

    r0mZet (rz-style.ru)
    Очков активности: 18 2 темы, 6 сообщений, 1 балл репутации

  • Фотография profi
    #10

    profi (1informer.com)
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 17.08.2018
Топ 5 участников по репутации


Закругление углов у div

#1 Sleepwalker

Sleepwalker
  • Неактивные
  • 202 сообщений
  • Репутация: 3
0

Отправлено 11 October 2013 - 09:02

Доброго времени суток, возможно ли у дивов делать закругленные углы?

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Закругление углов
  2. Как создать блок со скругленными углами
  3. Блок с закругленными углами
  4. Как закруглить углы в слайдере?
  5. Закругление углов для меню

#2 Игорян

Игорян
  • Неактивные
  • 296 сообщений
  • Репутация: 10

Отправлено 11 October 2013 - 09:29

1. Пропишите класс к блоку div и придайте стиль border-radius. это простой способ, но на сколько помню он работает не во всех браузерах.
2. Нарежьте картинку с круглыми углами в фотошопе на три части верх, низ и середина. Далее нужно будет прописать класс div и придать стиль в котором и пропишите путь до нарезанных картинок. Такой способ корректно работает во всех браузерах.

P.S. гугл знает всЁ! Тема заезженная вдоль и поперек.
  • 1

#3 Sleepwalker

Sleepwalker
    Topic Starter
  • Неактивные
  • 202 сообщений
  • Репутация: 3

Отправлено 11 October 2013 - 10:55

Спасибо! а как можно сделать отступ по шире от текста до края??
{border-radius: 15px; color: #c0c0c0;  border:1px solid #f6a955;}

  • 0

#4 fedornabilkin

fedornabilkin
  • Модератор
  • 1122 сообщений
  • Репутация: 183

Отправлено 11 October 2013 - 11:39

отступ

padding:1px 2px 3px 4px;
Сверху 1, справа 2, снизу 3 и слева 4 пикселей.
Можно использовать
padding-top:1px;
padding-right:2px;
padding-bottom:3px;
padding-left:4px;

  • 1

Надо обсудить предложение. А тут знакосчиталка считает знаки. Про Yii2 написано.



#5 Лиана Аджиева

Лиана Аджиева
  • Неактивные
  • 130 сообщений
  • Репутация: 14

Отправлено 15 October 2013 - 11:54

Все верно, но вы забыли, что разные люди пользуются разными браузерами и не все стили в разных браузерах отображаются одинаково и поэтому
.class {
  border-radius: 10px;  /* свойство для тех кто его поддерживает */
  -moz-border-radius: 10px;  /* для firefox */
  -webkit-border-radius: 10px;  /* для Safari и Chrome */
}

  • 0

#6 isvetlichniy

isvetlichniy
  • Неактивные
  • 622 сообщений
  • Репутация: 93

Отправлено 15 October 2013 - 16:13

1. Пропишите класс к блоку div и придайте стиль border-radius. это простой способ, но на сколько помню он работает не во всех браузерах.

не работает только в старых браузерах, а если конкретно - то читайте спецификацию
я рекомендую не заморачиваться на счет браузеров, так как 90% пользователей уже используют "нужные" браузеры. Статистика по браузерам
  • 1

#7 freezeranet

freezeranet
  • Неактивные
  • 12 сообщений
  • Репутация: 1

Отправлено 16 October 2013 - 16:06

А вообще, обновляйте браузеры :)
  • 1

#8 WhiteIce

WhiteIce
  • Неактивные
  • 30 сообщений
  • Репутация: 2

Отправлено 23 October 2013 - 00:17

Скругление уголков не работает в ие8 и ниже, если нет требований поддержки в этих браузеров (делаете сайт для себя) сейчас уже можно ими принебречь. Для старых браузеров других версий есть префиксы.
Еще можно пользоваться такой штукой ( последняя версия на скорости уже не сказывается).
  • 0

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85


Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru