unsorted ~ Помощь по CSS [Cascading Style Sheets]

все вопросы связанные с CSS

Возраст: 39 C нами с 20.05.2005 Репутация: **174.4**

Создай див с размером 100% на 100%, в него картинку с размером 100% на 100%.

Див помещается на задний фон z-index:0

Всё, дальше для добавления остальных элементов можно создать еще один див на уровень выше и напизать туда всё что нужно.

Возраст: 33 C нами с 20.11.2006 Репутация: **106**

Groke, если я не ошибаюсь http://www.electronicarts.ru/

все спасиб я разобрался сам и тут же возник другой вопрос а как сделать что картинка не повторялся в несколько раз

Возраст: 36 C нами с 22.01.2006 Репутация: **256.8**

k2, http://www.electronicarts.ru/ - просто фон с размером заведомо больше окна браузера

Возраст: 99 C нами с 09.06.2007 Репутация: **245**

если в ксс вставляли картинку
то нужно прописать no-repeat;

url(../image.jpg) no-repeat;

Добавлено спустя 7 минут 50 секунд:

splav писал(а):

splav

+ фоновая картинка расположена всегда сверху. внизу плавно переходит в фон прописанный с помощбю какого нить #e5f3f7 ток чуть темнее вроде

Возраст: 99 C нами с 09.06.2007 Репутация: **245**

Нашел тут сайтик по стилям (и не только) - HTMLBOOK . Описываются свойства. Мне понравился. может кому пригодится посмотреть/подсмотреть/вспомнить.

Возраст: 49 C нами с 28.04.2006 Репутация: **58.4**

Ну, и мои 5 копеек.
Как создавать всякие менюшки красивые на css
http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/

C нами с 25.01.2005 Репутация: **42.1**

Возраст: 33 C нами с 20.11.2006 Репутация: **106**

скажите или подскажите чем определяю координаты размещения картинок и т.д. по осям

Возраст: 38 C нами с 25.01.2005 Репутация: **133**

Всмысле чем определяют? Улыбочка

Можно фотошопом и на глаз Улыбочка

Других методов я, лично, за ненадобностью не использую Улыбочка

Или я вопрос не так понял))))

Возраст: 33 C нами с 20.11.2006 Репутация: **106**

))) это наверно я не правильно из ложился, на live.com заметил что картинки имеют координаты по осям x.y вот хотелось бы узнать как их определяют ? или я нетак понял значение этих цифр Сарказм

Возраст: 37 C нами с 23.10.2005 Репутация: **38.9**

Это так называемые спрайты.
Т.е. У тебя есть несколько слоев, у каждого из которых есть своя бекграунд картинка.
Чтобы не делать лишние запросы на подгрузку каждо картинки - все они загоняются в один файл и background строится по координатам.

http://webo.in/articles/habrahabr/08-all-about-css-sprites/

Возраст: 34 C нами с 22.10.2006 Репутация: **107.9**

А по CSS кто нибудь может помочь?какой полный скрипт в сочитание CSS HTML обрезать углы в таблице,сделать их закруглёнными? Улыбочка

Возраст: 42 C нами с 25.09.2006 Репутация: **77.9**

rory2 писал(а):

А по CSS кто нибудь может помочь?какой полный скрипт в сочитание CSS HTML обрезать углы в таблице,сделать их закруглёнными? Улыбочка

маркером по монику проще Улыбочка

а вообще вам сюда по-моему: http://www.css3.info/preview/ в раздел Borders.

Сделаете и можно спокойно ждать пока все браузеры будут поддерживать css3.

Возраст: 34 C нами с 22.10.2006 Репутация: **107.9**

Всем доброго времени суток!
Значит вопрос такой:
1)Есть таблица
2)С закруглёнными углами
3)Как прикрепить к правой стенке таблицы рисунок?
Вот чего ещё не хватает?
А вообще код такой:

*{
margin: 0;
padding: 0;
}

body {
font: 80%/1.5 arial, helvetica, sans-serif;
background-color: #4c4c4c
padding: 10px 20px;
}

p {
color: black;
background: white url(images/left_top.gif) top left no-repeat;
margin: 0 0 20px 0;
}

p span {
display: block;
background: url(images/right_top.gif)top right no-repeat;
}

p span span {
background: url(images/right_bottom.gif) bottom right no-repeat;
}

p span span span {
padding: 2em;
min-height: 1px;
background: url(images/left_bottom.gif) bottom left no-repeat;
}
* html p span span span {
height: 1px;
}

p#two {
width: 66%;
}

p#three {
width: 33%;
}

Возраст: 49 C нами с 28.04.2006 Репутация: **58.4**

У тебя тут косяк - поставь пробел между урлом к картинке и словом top.
background: url(images/right_top.gif) top right no-repeat;