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



 

Здравствуйте, гость ( Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> подскажите с штмл5 и ксс
dima-ua2010
dima-ua2010
Topic Starter сообщение 1.11.2011, 20:08; Ответить: dima-ua2010
Сообщение #1


Бывалый
****

Группа: User
Сообщений: 386
Регистрация: 20.7.2010
Поблагодарили: 15 раз
Репутация:   0  


http://bvsb.info/ как в ксс сделать что бы края хеадера и футера были закругленными + что бы был небольшой отступ (что б был виден фон)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Remy
Remy
сообщение 1.11.2011, 20:24; Ответить: Remy
Сообщение #2


Бывалый
****

Группа: User
Сообщений: 342
Регистрация: 2.2.2011
Из: Марокко
Поблагодарили: 52 раза
Репутация:   9  


border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px

10 пикселей можешь заменить на свое, селектор...


Не забываем благодарить

Сообщение отредактировал Remy - 1.11.2011, 20:24


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dima-ua2010
dima-ua2010
Topic Starter сообщение 1.11.2011, 20:29; Ответить: dima-ua2010
Сообщение #3


Бывалый
****

Группа: User
Сообщений: 386
Регистрация: 20.7.2010
Поблагодарили: 15 раз
Репутация:   0  


я правильно понял
надо в ксс там где хеадер и футор в тот блок вставить?
#header {
height: 150px;
background-color:#FFFFFF;
border-radius: 10px;
webkit-border-radius: 10px;
moz-border-radius: 10px;
o-border-radius: 10px
}

вот так?
и как сделать отсутп? отначала

Сообщение отредактировал dima-ua2010 - 1.11.2011, 20:30
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
metkram
metkram
сообщение 1.11.2011, 20:35; Ответить: metkram
Сообщение #4


Старожил
******

Группа: Active User
Сообщений: 1123
Регистрация: 15.2.2010
Из: Украина
Поблагодарили: 364 раза
Репутация:   38  


тире не забудьте поставить в этих записях:
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px

Чтобы сделать отступ сверху необходимо написать:
margin-top: Xpx;

X - это расстояние в пикселах


--------------------
Купи и эту строчку
Купи и эту строчку
Комплексный прогон сайтов ru и en
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dima-ua2010
dima-ua2010
Topic Starter сообщение 1.11.2011, 20:47; Ответить: dima-ua2010
Сообщение #5


Бывалый
****

Группа: User
Сообщений: 386
Регистрация: 20.7.2010
Поблагодарили: 15 раз
Репутация:   0  


для отсутпа снизу это же подойдет?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Тонус
Тонус
сообщение 1.11.2011, 21:58; Ответить: Тонус
Сообщение #6


Участник
***


Группа: User
Сообщений: 122
Регистрация: 9.1.2010
Поблагодарили: 20 раз
Репутация:   3  


только этот код в ие не работает
легче сделать картинками по краям
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
x64
x64
сообщение 1.11.2011, 22:45; Ответить: x64
Сообщение #7


F.A.L.L.O.U.T.
*******

Группа: Super Moderator
Сообщений: 3427
Регистрация: 30.6.2011
Из: Железнодорожный (Балашиха)
Поблагодарили: 2749 раз
Репутация:   289  


(Тонус @ 1.11.2011, 21:58) *
только этот код в ие не работает

а в девятке?


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
metkram
metkram
сообщение 2.11.2011, 1:41; Ответить: metkram
Сообщение #8


Старожил
******

Группа: Active User
Сообщений: 1123
Регистрация: 15.2.2010
Из: Украина
Поблагодарили: 364 раза
Репутация:   38  


(x64 @ 1.11.2011, 21:45) *
а в девятке?



ие не поддерживает закругленные углы


--------------------
Купи и эту строчку
Купи и эту строчку
Комплексный прогон сайтов ru и en
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
x64
x64
сообщение 2.11.2011, 8:32; Ответить: x64
Сообщение #9


F.A.L.L.O.U.T.
*******

Группа: Super Moderator
Сообщений: 3427
Регистрация: 30.6.2011
Из: Железнодорожный (Балашиха)
Поблагодарили: 2749 раз
Репутация:   289  


а судя по htmlbook очень даже поддерживает. на сайте майкрософта тоже божатся, что поддерживает. хотя сюда по комментарием на ихнем же сайте здесь, поддерживает частично.
прискорбно sad.gif


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
goodwimaster
goodwimaster
сообщение 5.11.2011, 23:16; Ответить: goodwimaster
Сообщение #10


Частый гость
**


Группа: User
Сообщений: 69
Регистрация: 1.8.2011
Поблагодарили: 14 раз
Репутация:   4  


Господа давайте быть точнее! Поддержка css3 в Internet Explorer начинается с 9.0
Для более ранних версий я использую решение на основе VML и behaviour, а именно border-radius.htc (5кб) или pie.htc (40кб).
Первый, как показала практика более глюченный, но имеет меньший вес.
(проставляет одопиксельный border и не всегда работает на локальной машине)

Как использовать и где скачать можно найти здесь:
border-radius.htc - http://code.google.com/p/curved-corner/
pie.htc - http://css3pie.com/

P.S. Насчет "легче сделать картинками по краям" надо уходить от этих быдло методов. Та же ситуация с нестандартными шрифтами в заголовках.

Спасибо за внимание =)

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Подскажите по где купить дёшево домены com info biz net
6 docdie 992 13.12.2017, 18:29
автор: docdie
Открытая тема (нет новых ответов) Подскажите аналоги хостинга
0 dimaguru 361 8.12.2017, 14:55
автор: dimaguru
Открытая тема (нет новых ответов) Подскажите норм VPN-сервис для смартфона?
28 CyberAngel 4444 28.11.2017, 21:06
автор: bitcoin24_exchange
Открытая тема (нет новых ответов) Подскажите решение для управления рекламой на сетке сайтов WP и DLE
2 Autorealt 648 25.11.2017, 15:37
автор: Autorealt
Открытая тема (нет новых ответов) Подскажите что не так с сайтом...
10 karambas 1944 17.11.2017, 15:55
автор: areainfo


 



RSS Текстовая версия Сейчас: 16.12.2017, 11:42
Дизайн