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



 

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

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

Открыть тему
Тема закрыта
> круглые углы
artylion
artylion
Topic Starter сообщение 1.5.2010, 23:55; Ответить: artylion
Сообщение #1


как сделать круглые углы у блока, фон родителя градиент?!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
СиДжей
СиДжей
сообщение 2.5.2010, 0:08; Ответить: СиДжей
Сообщение #2


С помощью ксс 3 можно сделать используя специальные атрибуты. Но у ксс 2 нет таких атрибутов поэтому сдесь есть несколько способов создания закругленых углов. Первый это методом вставки двух изображений вверху и внизу. Тоесть
создаёшь специальные изображения с закругленными углами для верха и низа. Первое вставляешь бекграундом элементу абзаца или чему то что находится в блоке. А потом нижнее изображения ставишь бекграундом самому блоку. Если блок резиновый необходимо сделать четыре изображения и вставить таким же способом, только необходимо будет создать несколько вложеный блоков. Или самый громоздкий способ - просто вставляешь верху и низу по высоте однопиксельные блои, а ширину сужать гдето на 1-2 пикселя (чтобы получилась окружность). Ещё есть способ методом ксс, можешь прочитать его на сайте школы ксс. Что по поводу градиента то сдест тоже необходимо изображение создать.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Evansw
Evansw
сообщение 8.5.2010, 1:45; Ответить: Evansw
Сообщение #3


div.block
{
border-radius:15px;
border:1px black solid
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
jahggler
jahggler
сообщение 8.5.2010, 3:13; Ответить: jahggler
Сообщение #4


более проверенный, включая фикс для ИЕ:

.curved {
   behavior: url("border-radius.htc");
   -moz-border-radius: 10px; /* Firefox */
   -webkit-border-radius: 10px; /* Safari and Chrome */
   -khtml-border-radius: 10px; /* Linux browsers */
   border-radius: 10px; /* Opera 10.50, IE and CSS3 */
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Sikha
Sikha
сообщение 11.5.2010, 17:55; Ответить: Sikha
Сообщение #5


(jahggler @ 8.5.2010, 06:13) *
более проверенный, включая фикс для ИЕ:

.curved {
   behavior: url("border-radius.htc");
   -moz-border-radius: 10px; /* Firefox */
   -webkit-border-radius: 10px; /* Safari and Chrome */
   -khtml-border-radius: 10px; /* Linux browsers */
   border-radius: 10px; /* Opera 10.50, IE and CSS3 */
}


вот за эту строчку
-khtml-border-radius: 10px; /* Linux browsers */

отдельное спасибо !)))

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


 



RSS Текстовая версия Сейчас: 19.3.2024, 9:27
Дизайн