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



 

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

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

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


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


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


я правильно понял
надо в ксс там где хеадер и футор в тот блок вставить?
#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


тире не забудьте поставить в этих записях:
-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


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


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


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

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


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



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


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


а судя по htmlbook очень даже поддерживает. на сайте майкрософта тоже божатся, что поддерживает. хотя сюда по комментарием на ихнем же сайте здесь, поддерживает частично.
прискорбно sad.gif
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
goodwimaster
goodwimaster
сообщение 5.11.2011, 23:16; Ответить: goodwimaster
Сообщение #10


Господа давайте быть точнее! Поддержка 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 >
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Подскажите по ошибкам из Яндекс вебмастера
1 noviktamw 1260 27.1.2024, 23:15
автор: Vmir
Открытая тема (нет новых ответов) Подскажите дейтинг партнерки с оплатой за регистрацию
18 Wolfhound 2124 9.3.2023, 6:17
автор: Skyworker
Открытая тема (нет новых ответов) Подскажите ПП. Траф только мобильный, только бурж.
тизеры\баннеры или видео
7 3rim 1729 21.9.2020, 19:39
автор: 3rim
Открытая тема (нет новых ответов) Подскажите партнёрку с мобильными офферами
5 docdie 2170 27.7.2020, 11:05
автор: WelcomePartners
Горячая тема (нет новых ответов) Подскажите нормальную ПП
Тематика: игры
37 Kiloan_Frost 7652 16.3.2020, 23:48
автор: MasterGraf


 



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