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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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

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

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
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Точно, на сервере не проверял его, но как-то странновато он учитывает голоса.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 23:03 09-09-2016
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Так что, никто не сможет подсказать, хотя бы по имеющимся в архиве CSS?

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 14:56 10-09-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
WONDROUS, по центровке много вариантов вот к примеру статья или ещё погуглите
 

Цитата:
И как выравнить текст по центру звёзд (вертикально)?

если там текст в 1 строку то проще всего сделать ему line-height в пикселях равный блоку в котором он находится
(ну и   vertical-align:middle; хотя вроде и не обязательно)

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 17:07 10-09-2016 | Исправлено: HeT BonpocoB, 17:11 10-09-2016
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
HeT BonpocoB
Спасибо за совет, выставил высоту линии в пикселях и добавил vertical-align: middle, цифры стали по середине линии.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 19:42 10-09-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
господа, прошу объяснить одну загвоздку...  >фидл <
имею в виду какого хрена li вылезает высотой в итоге? откуда эти 4 пикселя? (не считая бордеров)

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 22:41 13-09-2016
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
HeT BonpocoB
либо текст в <a> (хотя бы &nbsp;), либо display:block для него

Всего записей: 15024 | Зарегистр. 20-09-2014 | Отправлено: 23:04 13-09-2016
stupom



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
HeT BonpocoB точно сам не знаю, но в CSS есть пара фатальных недостатков - размеры блока даны в сферических измерениях, которые не учитывают размеры полей, толщины рамок. Я постоянно начинаю тупить, когда надо задать размер блока относительно размеров свободного поля родителя (размер родителя минус padding). Всегда решаю вопрос отказом от макета с рамками - дешевле, быстрее, надёжнее и меньше денег на лечение собственных нервов.

Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 10:48 14-09-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Mavrikii
Цитата:
либо display:block для него
точно, так нормально...
получается этот inline- добавляет что-то связанное со шрифтом...
font-size:1px; тоже вчера у меня срабатывал.
теперь понятно...

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 12:12 14-09-2016
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Просьба подсказать, как в CSS из этого архива поменять цвет именно у Sidebar? Меняется ширина и цвет по идее должен меняться, только не найду, где и как.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 18:16 20-09-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
WONDROUS, копируйте примеры на какой нибудь редактор
https://jsfiddle.net/
http://codepen.io/
http://dabblet.com/
либо ссылкой на рабочий сайт, быстрее помогут
бо с архивами это лажа
у меня лично вообще никакого сайдбара нету там, не знаю почему

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 18:35 20-09-2016
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
HeT BonpocoB
Там куча файлов, без которых ничего не покажется, поэтому и в архиве. А sidebar есть, только он как-то странновато сделан. Получается, что #contentContainer задаёт цвет основному container и sidebar.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 19:04 20-09-2016 | Исправлено: WONDROUS, 19:29 20-09-2016
Mavrikii

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

Цитата:
Получается, что #contentContainer задаёт цвет основному container и sidebar

ну, так как одно является потомком другого - почему нет? отдельным классом переопределяется на то, что нужно вам.

Всего записей: 15024 | Зарегистр. 20-09-2014 | Отправлено: 20:03 20-09-2016
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
А как именно, можете подсказать, если не трудно? Пробовал #sidebar и цвет фона, но это не то, надо, чтобы всё пространство sidebar меняло цвет, как здесь (архив).

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 20:14 20-09-2016 | Исправлено: WONDROUS, 20:17 20-09-2016
Mavrikii

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

Код:
aside {
  background-color: red;
  margin: -20px;
  padding: 20px;
}

это поможет разобраться  с padding и закрасит все. другое дело, что незаполненный тег по высоте не вытянет колонку с контентом. ну так добавьте элемент с абсолютными позиционированием, который будет идти под sidebar на всю высоту с нужными вам цветом и другими параметрами.

Всего записей: 15024 | Зарегистр. 20-09-2014 | Отправлено: 20:23 20-09-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
WONDROUS, проще говоря у вас блок #sidebar (как и его родитель #aside) не имеют контента, и их высота равна 0 , и чем их там не разукрашивай - никто не заметит

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 20:40 20-09-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
что-то не могу найти...
корректно ли использовать вместе?
 
  max-height:225px;
  overflow:auto;
 
ну т.е. если контента мало то блок по нему, когда больше - ограничивается 225пикселями и выкидывает прокрутку.

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 21:17 30-09-2016
Mavrikii

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

Цитата:
корректно ли использовать вместе?

а почему нет то? одно задает макс высоту блока, второе - нужно ли показывать прокрутку если размер контента выше высоты блока. https://jsfiddle.net/17puenfh/

Всего записей: 15024 | Зарегистр. 20-09-2014 | Отправлено: 01:03 01-10-2016
HeT BonpocoB



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

Цитата:
а почему нет то?

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

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 01:11 01-10-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
развейте ещё одно сомнение плиз...
 
допустим прописал стиль для ссылок:
 
#div a {
  color:white;
}
 
собственно хочу чтоб они были белые при всех сценариях... этого^ достаточно или надо всё равно прописывать:
a:link, a:visited, a:hover, a:active
??
 
[добавлено]
собственно вижу что вроде работает при декларировании один раз как "а"
но в тоже время  наблюдаю на сайтах прописывают каждое состояние через запятую ... может есть какие нюансы?

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 16:21 04-10-2016 | Исправлено: HeT BonpocoB, 23:45 04-10-2016
stupom



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

Цитата:
может есть какие нюансы?
-думаю, нюансы есть в разных браузерах.
Теоретически, "более точная" квалификация селектора переопределяет свойство, но возможно браузер делает исключение для свойств установленных "внутри" движка.
 
Я всегда для ссылок оформленных как меню отменяю подчёркивание и оно не появляется для посещённых ссылок. Наверное с цветом д.б. аналогично.

Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 19:31 05-10-2016
Открыть новую тему     Написать ответ в эту тему

Страницы: 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

Компьютерный форум 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