Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

Открыть новую тему     Написать ответ в эту тему

Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ссылки для самостоятельного изучения:
 
Теория + примеры + учебники:
W3School: CSS Tutorial
MDN: Cascading Style Sheets (CSS)
WebReference: Уроки по HTML и CSS
htmlbook: Справочник CSS
YouTube: Основы CSS/CSS3
CSS для JavaScript-разработчика
Основы CSS - каскадные таблицы стилей
Статьи по основам CSS
 
Применение на практике:
StackOverflow: 'CSS' Questions
CSS-Tricks
 

Первый пост темы (до включения шапки).. ··· Текущий бэкап шапки..

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 18:46 27-10-2004 | Исправлено: TheBarmaley, 05:24 27-02-2019
Agent_SMIT



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Virtus91
Ну если сам синтаксис достаточно хорошо знаешь, то лучше всего по памяти через Notepad2 (он с подсветкой кода) и иногда заглядывая в справочник
Dreamweaver платный и подтормаживает, но зато код подставляет сам..

----------
Человек, который осмеливается потратить впустую час времени, ещё не осознал цену жизни.
© Чарльз Дарвин

Всего записей: 997 | Зарегистр. 20-04-2006 | Отправлено: 12:25 28-09-2010
Djeak

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здравствуйте.  
Подскажите, пожалуйста.  
Если я в свойстве background-position укажу значение в em, то от какого значения будет происходить смещение картинки?

Всего записей: 31 | Зарегистр. 06-10-2010 | Отправлено: 21:45 08-10-2010
Agent_SMIT



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Djeak
Хм.. ну я меняю в боди фонт-сайз и относительно его меняется отступ бэкграунда..
 

Код:
body {
    background: url('***') no-repeat top left;
    font-size: 1em;
    background-position: 2em 1em;
}

 

Код:
body {
    background: url('***') no-repeat top left;
    font-size: 3em;
    background-position: 2em 1em;
}

 
Ну и, собсна, в первом варианте отступ в три раза меньше..

----------
Человек, который осмеливается потратить впустую час времени, ещё не осознал цену жизни.
© Чарльз Дарвин

Всего записей: 997 | Зарегистр. 20-04-2006 | Отправлено: 09:34 09-10-2010
Djeak

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Agent_SMIT
Спасибо, значит относительная размера текста.

Всего записей: 31 | Зарегистр. 06-10-2010 | Отправлено: 11:06 09-10-2010
Djeak

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
А много кто применяет при верстки модульную сетку?

Всего записей: 31 | Зарегистр. 06-10-2010 | Отправлено: 17:31 11-10-2010
Agent_SMIT



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Djeak
Это уже мини-фреймворк получается.. Удобство в работе с ними мне кажется сомнительным, пробовал верстать с Blueprint'ом, как-то не по душе. Чем разбираться в работе чужого кода, пускай и один раз, лучше свой под конкретный случай напишу..

----------
Человек, который осмеливается потратить впустую час времени, ещё не осознал цену жизни.
© Чарльз Дарвин

Всего записей: 997 | Зарегистр. 20-04-2006 | Отправлено: 19:10 11-10-2010
Djeak

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
В смысле свой код?
Например, нужно сверстать шаблон из psd, шаблон нарисовать, в нем присутствует модульная сетка. Ведь чтобы сверстать правильно шаблон, нужно везде соблюдать такие же отступы какие и в psd.  
Хотя я уже запутался что такое модульная сетка и кем она применяется, тем кто рисует шаблон или те кто верстает и как ей пользоваться.

Всего записей: 31 | Зарегистр. 06-10-2010 | Отправлено: 19:08 12-10-2010
Agent_SMIT



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Djeak

Цитата:
Ведь чтобы сверстать правильно шаблон, нужно везде соблюдать такие же отступы какие и в psd.

Так без разницы как и при помощи чего ты обозначишь блоки и дашь им нужные размеры с отступами и прочим.
 
Про смысл задумки сетки на вот почитай
http://css-framework.ru/doc/layout-grid/
 
 
Добавлено:
Но я не считаю это адекватным инструментом. Чтобы лепить на скоряк стандартные шаблоны, да, подходит. А в случае чего-то дельного роль играет каждый пиксель, и в фреймворке его менять нельзя, надо дописывать рядышком заглушку в цсс.

----------
Человек, который осмеливается потратить впустую час времени, ещё не осознал цену жизни.
© Чарльз Дарвин

Всего записей: 997 | Зарегистр. 20-04-2006 | Отправлено: 05:23 13-10-2010
Djeak

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Agent_SMIT
Понятие модульной сетки многогранно.  
Я имел ввиду вот такие сетки: http://cherenkevich.livejournal.com/38085.html?page=2#comments
 
 
Добавлено:
Да, еще вопрос.
Для проверки кросбраузерности,  помимо онлайн ресурсов, чем можно пользоваться? Чтобы проверить как шаблон смотрится в IE 6-8 и тд. Под Win 7 есть какие-нибудь программы?
А то для проверки онлайн должен быть уже готовый сайт.

Всего записей: 31 | Зарегистр. 06-10-2010 | Отправлено: 14:25 13-10-2010 | Исправлено: Djeak, 14:25 13-10-2010
Agent_SMIT



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Djeak

Цитата:
Понятие модульной сетки многогранно.  
Я имел ввиду вот такие сетки: http://cherenkevich.livejournal.com/38085.html?page=2#comments

Только там с дизайном связано, а мы об CSS тут говорим..
 

Цитата:
Для проверки кросбраузерности,  помимо онлайн ресурсов, чем можно пользоваться?

У меня просто установлены все браузеры
Правда ие только 8-ой, но что будет косячить в шестом интуитивно понятно уже.

----------
Человек, который осмеливается потратить впустую час времени, ещё не осознал цену жизни.
© Чарльз Дарвин

Всего записей: 997 | Зарегистр. 20-04-2006 | Отправлено: 17:45 13-10-2010
Djeak

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Вот я и хочу понять, та статья относится для тех кто рисует шаблон получается, а для тех кто верстает, это не обязательно.
А я вот как раз хотел поставить IE от 6 версии, пока это не дошло до интуитивного процесса =)

Всего записей: 31 | Зарегистр. 06-10-2010 | Отправлено: 18:27 13-10-2010
Djeak

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здравствуйте.
Тренируюсь верстать шаблоны. Скажите, а линейка в фотошопе соответствует пиксилям прописываемых в дремвивере?  
У меня почему нет. В одном случае: длина рамки 9px, в дримвивере прописал 18 чтобы элементы приняли нужные позиции друг к другу.  
Так же с меню, высота от верхней границы хедера до начала заглавной буквы 54px а указываю в дримвивере, то съезжает намного ниже.
В чем может быть проблема?

Всего записей: 31 | Зарегистр. 06-10-2010 | Отправлено: 22:05 14-10-2010
SALLFRIS



Junior Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Добрый день. Есть код :
<div class="wrap">
<div class="left">                                              
</div>                                              
<div class="content">                                              
</div>                                              
<div class="right">                                              
</div>
</div>
 
 
.wrap{
margin: 0 auto;
padding: 0;
width:80%;
height: 150px;
padding: 0;
min-width: 800px;
max-width: 2080px;}
 
.left, .right{
width: 44px;}
 
 
Как добиться того чтоб "content" занимал все оставшиеся пространство посередине?
 
 
Добавлено:
разобрался

Всего записей: 44 | Зарегистр. 22-06-2006 | Отправлено: 14:58 15-10-2010
Djeak

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здравствуйте.
Как определить правильное расстояние между предметами, отступы и тд, чтобы прописать их в свойствах css.
Использую программу jrule, но она не соответствует линейки в фотошопе. Линейка фотошопа в px.

Всего записей: 31 | Зарегистр. 06-10-2010 | Отправлено: 19:30 19-10-2010
Agent_SMIT



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Djeak
Прямо в фотошопе выделяй, копируй и жми File->New, там подставляются размеры под изображение в буфере, вот и получаешь его размер

----------
Человек, который осмеливается потратить впустую час времени, ещё не осознал цену жизни.
© Чарльз Дарвин

Всего записей: 997 | Зарегистр. 20-04-2006 | Отправлено: 13:56 24-10-2010
klimusu



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
как заставить div менять высоту автоматом?
 
Рис1 - корректное отображение.
   
 
Рис2 - высота страницы увеличилась, появилось белое место по бокам
   
 
страница размечена как таблица, слева и справа используются несколько div с разным фоном. Хочется чтобы появлялось не белое место, а один из div'ов растягивался.
Нужному div (line4) я указал height: auto, но работать не хочет.
 
 
.line1{
    height:135px;
    background-color: #f8c300;
    width:auto;
}
 
.line2{
    height:5px;
    background-color: #abc3ce;
}
.line3{
    height:452px;
    background-image:url('images/line3.png');
    background-repeat:repeat-x;
}
.line4{
    background-color: #cccc99;
    background-repeat:repeat-x;
    background-repeat:repeat-y;
    height: auto;
}
.line5{
    height:68px;
    background-image:url('images/line5.png');
    background-repeat:repeat-x;
}
.line6{
    height:110px;
    background-image:url('images/line6.png');
    background-repeat:repeat-x;
}
 
 
 
please help!

Всего записей: 931 | Зарегистр. 23-01-2006 | Отправлено: 16:11 24-10-2010 | Исправлено: klimusu, 16:13 24-10-2010
bredonosec



Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
Нужному div (line4) я указал height: auto, но работать не хочет.  

почему б не задать ему высоту побольше, уложить нижним слоем (под прочие, и прикрепить к низу?  
Тогда при удлиннении страницы он только будет выползать из-под верхних. Вот и всё.

Всего записей: 16271 | Зарегистр. 13-02-2003 | Отправлено: 16:27 24-10-2010
evoroz



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
klimusu
Сам не проверял. Попробуй в див4 поставить прозрачный gif 1х1 указав для него размер по вертикали 100%.

Всего записей: 3491 | Зарегистр. 30-03-2002 | Отправлено: 16:30 24-10-2010
Djeak

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здравствуйте. Есть такой фон с градиентом. Как это можно сделать для резинового шаблона? Т.е. чтобы этот градиент на любом разрешение монитора был в углах.  
Я думаю, что вставить фон без градиента, отдельно вырезать градиент по углам, по бокам и потом вставлять как прозрачные картинки. Но получается тогда много дивов.  Подскажите, может есть какое-нибудь решение, до какого я не додумался.
 
   
 

Всего записей: 31 | Зарегистр. 06-10-2010 | Отправлено: 13:08 30-10-2010 | Исправлено: Djeak, 13:10 30-10-2010
evoroz



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Djeak

Цитата:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>test</title>
<style type="text/css">
img {
    height: 100%;
    width: 100%;
}
#bgn {
    z-index: 1;
}
#up {
    z-index: 3;
    position: absolute;
    width: 300px;
}
body {
    background-color: #FFF;
    margin: 0px;
}
</style>
</head>
<body>
<div id="up">
Hello
</div>
<div id="bgn">
<img src="99116058.jpg" width="1000" height="1107" />
</div>
</body>


Всего записей: 3491 | Зарегистр. 30-03-2002 | Отправлено: 15:51 30-10-2010
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru