X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Закругление углов у div
Sleepwalker_mw
Sleepwalker_mw
Topic Starter сообщение 11.10.2013, 10:02; Ответить: Sleepwalker_mw
Сообщение #1


Доброго времени суток, возможно ли у дивов делать закругленные углы?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Игорян_mw
Игорян_mw
сообщение 11.10.2013, 10:29; Ответить: Игорян_mw
Сообщение #2


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

P.S. гугл знает всЁ! Тема заезженная вдоль и поперек.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Sleepwalker_mw
Sleepwalker_mw
Topic Starter сообщение 11.10.2013, 11:55; Ответить: Sleepwalker_mw
Сообщение #3


Спасибо! а как можно сделать отступ по шире от текста до края??
{border-radius: 15px; color: #c0c0c0;  border:1px solid #f6a955;}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
fedornabilkin
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
isvetlichniy
сообщение 15.10.2013, 17:13; Ответить: isvetlichniy
Сообщение #6


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

не работает только в старых браузерах, а если конкретно - то читайте спецификацию
я рекомендую не заморачиваться на счет браузеров, так как 90% пользователей уже используют "нужные" браузеры. Статистика по браузерам
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
freezeranet
freezeranet
сообщение 16.10.2013, 17:06; Ответить: freezeranet
Сообщение #7


А вообще, обновляйте браузеры :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WhiteIce
WhiteIce
сообщение 23.10.2013, 1:17; Ответить: WhiteIce
Сообщение #8


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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Моя 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-


 



RSS Текстовая версия Сейчас: 29.3.2024, 6:33
Дизайн