Имя:    Пароль:      Помнить меня       
Unsorted   ~  Software  ~  Development and Design  ~  Помощь по CSS [Cascading Style Sheets] все вопросы связанные с CSS
На страницу «  1, 2, 3, 4, 5, 6, 7, 8, 9  »
XomRk
Сообщение  26 Фев 2008, 20:34  Ссылка : Ответить с цитатой
Возраст: 39 Пол: Женский  Доверенный пользователь
C нами с 20.05.2005
Репутация: 174.4

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

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

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

_____________________________
Тупые корейские девелоперы.





Untitled.txt - 455 байт
Скачиваний: 15

В начало
Профиль : Фотоальбом : Блог : Личное Сообщение
k2
Сообщение  26 Фев 2008, 20:43  Ссылка : Ответить с цитатой
Возраст: 33 Пол: Мужской 
C нами с 20.11.2006
Репутация: 106

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

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


Последний раз редактировалось: k2 (06 Сен 2008, 17:43), всего редактировалось 1 раз
В начало
Профиль : Фотоальбом : Блог : Личное Сообщение
splav
Сообщение  26 Фев 2008, 20:58  Ссылка : Ответить с цитатой
Возраст: 36 Пол: Мужской  Доверенный пользователь
C нами с 22.01.2006
Репутация: 256.8

k2, http://www.electronicarts.ru/ - просто фон с размером заведомо больше окна браузера
В начало
Профиль : Фотоальбом : Блог : Личное Сообщение : JabberID : ICQ
Reflection
Сообщение  26 Фев 2008, 21:00  Ссылка : Ответить с цитатой
Возраст: 99 Пол: Мужской 
C нами с 09.06.2007
Репутация: 245

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

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

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

splav писал(а):
splav

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





main_bg.jpg

main_bg.jpg - Просмотров: 18

В начало
Профиль : Фотоальбом : Блог : Личное Сообщение : E-mail
Reflection
Сообщение  27 Фев 2008, 12:38  Ссылка : Ответить с цитатой
Возраст: 99 Пол: Мужской 
C нами с 09.06.2007
Репутация: 245

Нашел тут сайтик по стилям (и не только) - HTMLBOOK . Описываются свойства. Мне понравился. может кому пригодится посмотреть/подсмотреть/вспомнить.
В начало
Профиль : Фотоальбом : Блог : Личное Сообщение : E-mail
Groke
Сообщение  27 Фев 2008, 12:56  Ссылка : Ответить с цитатой
Возраст: 49 Пол: Мужской 
C нами с 28.04.2006
Репутация: 58.4

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

_____________________________
Работа делает свободным
В начало
Профиль : Фотоальбом : Личное Сообщение : Сайт : ICQ
KOSIASIK
Сообщение  14 Мар 2008, 15:13  Ссылка : Ответить с цитатой
Пол: Мужской 
C нами с 25.01.2005
Репутация: 42.1

                 


Последний раз редактировалось: KOSIASIK (03 Янв 2017, 1:09), всего редактировалось 2 раз(а)
В начало
Профиль : Фотоальбом : Блог : Личное Сообщение
k2
Сообщение  26 Апр 2008, 20:38  Ссылка : Ответить с цитатой
Возраст: 33 Пол: Мужской 
C нами с 20.11.2006
Репутация: 106

скажите или подскажите чем определяю координаты размещения картинок и т.д. по осям
В начало
Профиль : Фотоальбом : Блог : Личное Сообщение
Doctor_Mozg
Сообщение  26 Апр 2008, 22:32  Ссылка : Ответить с цитатой
Возраст: 37 Пол: Мужской  Доверенный пользователь
C нами с 25.01.2005
Репутация: 133

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

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

_____________________________
Это ты, Джон Уэйн?
В начало
Профиль : Фотоальбом : Блог : Личное Сообщение : ICQ
k2
Сообщение  26 Апр 2008, 22:40  Ссылка : Ответить с цитатой
Возраст: 33 Пол: Мужской 
C нами с 20.11.2006
Репутация: 106

))) это наверно я не правильно из ложился, на live.com заметил что картинки имеют координаты по осям x.y вот хотелось бы узнать как их определяют ? или я нетак понял значение этих цифр Сарказм
В начало
Профиль : Фотоальбом : Блог : Личное Сообщение
xaxaTyH
Сообщение  28 Апр 2008, 11:33  Ссылка : Ответить с цитатой
Возраст: 36 Пол: Мужской 
C нами с 23.10.2005
Репутация: 38.9

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

http://webo.in/articles/habrahabr/08-all-about-css-sprites/
В начало
Профиль : Фотоальбом : Личное Сообщение : E-mail
rory2
Сообщение  09 Июл 2008, 21:38  Ссылка : Ответить с цитатой
Возраст: 33 Пол: Мужской 
C нами с 22.10.2006
Репутация: 107.9

А по CSS кто нибудь может помочь?какой полный скрипт в сочитание CSS HTML обрезать углы в таблице,сделать их закруглёнными? Улыбочка
В начало
Профиль : Фотоальбом : Блог : Личное Сообщение : E-mail
jah
Сообщение  09 Июл 2008, 21:47  Ссылка : Ответить с цитатой
Возраст: 42 Пол: Мужской 
C нами с 25.09.2006
Репутация: 77.9

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


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

Сделаете и можно спокойно ждать пока все браузеры будут поддерживать css3.
В начало
Профиль : Личное Сообщение
rory2
Сообщение  11 Июл 2008, 11:30  Ссылка : Ответить с цитатой
Возраст: 33 Пол: Мужской 
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%;
}

_____________________________
Those who know, don`t speak.
Those who speak, don`t know.
В начало
Профиль : Фотоальбом : Блог : Личное Сообщение : E-mail
Groke
Сообщение  11 Июл 2008, 11:35  Ссылка : Ответить с цитатой
Возраст: 49 Пол: Мужской 
C нами с 28.04.2006
Репутация: 58.4

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

_____________________________
Работа делает свободным
В начало
Профиль : Фотоальбом : Личное Сообщение : Сайт : ICQ
Показать сообщения:   
На страницу «  1, 2, 3, 4, 5, 6, 7, 8, 9  »

Unsorted   ~  Software  ~  Development and Design  ~  Помощь по CSS [Cascading Style Sheets]

Ответить на тему

Перейти:  





Powered by phpBB   © Unsorted Team  support@unsorted.me  promo@unsorted.me  Полезные скрипты