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

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



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Есть обычный вложенный список   - UL LI, в LI так же встречаются списки. Как этот список вывести в две равные колонки, а не в одну, средствами CSS? Что-то ниче на ум не приходит

Всего записей: 1633 | Зарегистр. 08-10-2011 | Отправлено: 15:25 22-09-2015 | Исправлено: xerpal, 16:01 22-09-2015
stupom



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
http://htmlbook.ru/css3-na-primerah/mnogokolonochnyy-tekst
 
<ul style="column-count: 3;">
<li>123</li><li>123</li><li>123</li><li>123</li><li>123</li><li>123</li><li>123</li><li>123</li>
<li>123</li><li>456</li><li>123</li><li>123</li><li>123</li>
</ul>
-в Опере работает, но с глюком - маркеры появляются только в левой колонке

Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 16:35 22-09-2015 | Исправлено: stupom, 17:05 22-09-2015
Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
http://stackoverflow.com/questions/22536800/css3-multi-column-list

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 16:52 22-09-2015
xerpal



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

Всего записей: 1633 | Зарегистр. 08-10-2011 | Отправлено: 21:44 22-09-2015 | Исправлено: xerpal, 21:54 22-09-2015
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите, пожалуйста, какие слова обычно используют в коде при названии меню навигации? Надо изменить шрифт, указав обозначение, для основного шрифта везде подходит body, для меню навигации где-то nav, а где-то сколько ни пробую, ничего не получается. Тема для примера.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 22:59 28-09-2015
Mavrikii

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

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 23:02 28-09-2015 | Исправлено: Mavrikii, 23:06 28-09-2015
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Это да, оно видно, только когда в свойствах CSS пишешь:

Код:
main_navigation {
font-family: 'Lora', serif;
}

то шрифт не меняется.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 23:27 28-09-2015
Mavrikii

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

Цитата:
Это да, оно видно, только когда в свойствах CSS пишешь:  

где именно пишете?
 

Цитата:
main_navigation  

а # где в начале? определение должно быть после определения из style.css файла.
 
те же утилиты для вебмастера показывают где и чем переопределяется свойство. если не помогает, то нужно писать  
nav#main_navigation или добавить !important в свойство.

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 00:04 29-09-2015
Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
В дополнение к Mavrikii: сам шрифт Lora на веб сервере установлен (или подключен на странице)? И вообще, название шрифта написано правильно?

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 00:18 29-09-2015 | Исправлено: Xrobak, 00:19 29-09-2015
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
В программе веб-редакторе, в свойствах тем есть возможность добавлять custom css.
Для той темы nav#main_navigation сработало, а для этой снова никак.
 
И что за утилиты, если не секрет?
 
Xrobak
Шрифт берётся из Гугл шрифтов и он подгружается, если правильно всё написать.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 03:02 29-09-2015 | Исправлено: WONDROUS, 03:02 29-09-2015
Mavrikii

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

Цитата:
а для этой снова никак.

и не сработает, потому что там иначе сделано. научитесь пользоваться панелью разработчика
ul#navigation

Цитата:
И что за утилиты, если не секрет?

встроенные в браузер - в каждом есть.
проще всего правой кнопкой на нужном элементе страницы и далее уже будет "инспектировать элемент" или "просмотр кода элемента"
 
   
 
   
 
и тд и тп.

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 03:04 29-09-2015 | Исправлено: Mavrikii, 03:07 29-09-2015
Xrobak

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

Цитата:
и не сработает, потому что там иначе сделано. научитесь пользоваться панелью разработчика  
ul#navigation

если быть точнее, то за семейство шрифтов там отвечает:

Код:
nav ul li a, #menuBtn:before, #menuBtn.show:before {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
}

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 13:33 29-09-2015
Mavrikii

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

Цитата:
если быть точнее, то за семейство шрифтов там отвечает:  

да, сорри, не досмотрел ниже. в принципе удобнее смотреть закладку Computed - там все, что применяется из файла или в процессе выполнения js кода, отображается.

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 18:31 29-09-2015
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Скачал демо-версию темы для программы и никак не могу понять, откуда там берутся отступы сверху и снизу лого. Скриншот и основной css.
Как и где найти, и убрать отступы, и как сделать, чтобы размер лого, если оно больше, автоматически подстраивался под ширину основного блока?

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 22:05 10-10-2015 | Исправлено: WONDROUS, 22:07 10-10-2015
bredonosec



Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
а может лучше вы выложите (или проанализируете сами) тут кусок кода верстки, где именно отступы мешают, чтоб выяснить, какие там классы прописаны, и будете эти классы уже искать в цсс?  
один цсс без указания, какие классы юзаются, - это ни о чем.  
 
Тем более, как понимаю, у вас там зачем-то несколько файлов цсс.  

Всего записей: 16271 | Зарегистр. 13-02-2003 | Отправлено: 22:21 10-10-2015
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Я в этом не настолько хорошо разбираюсь, чтобы самому так сразу найти. Там даже если картинку меньше вставлять, такие же громадные отступы получаются. Если только маленькую картинку вставить, тогда более-менее. Может, тогда всю папку с CSS и JS выложить?
 
P.S. архив с остальным.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 22:35 10-10-2015 | Исправлено: WONDROUS, 22:38 10-10-2015
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ещё в той теме не получается фоновую картинку поставить. Если прописывать цвет для body, цвет фона меняется, прописываешь картинку, ничего.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 16:26 11-10-2015 | Исправлено: WONDROUS, 00:52 12-10-2015
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Больше никто не подскажет на счёт не понятно откуда берущихся отступов? Или как можно в той теме изменить стиль для лого, чтобы его размер подстраивался под размер основного контейнера и чтобы лого было посередине?

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 19:46 13-10-2015
unreal666



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
выложи не архив, из которого генерируется эти все данные (т.е. шаблон html и т.п.), а сгенерированный результат. Т.е. в своем браузере (или в том, который это поддерживает) сохрани html-страницу с css и js.
Тогда и подскажем.
 
ЗЫ.
Вообще по нормальному это определяется в отладчике браузера тыканием по элементу и просмотр, что там за стили на него назначены.

Всего записей: 6672 | Зарегистр. 14-02-2005 | Отправлено: 20:21 13-10-2015 | Исправлено: unreal666, 20:24 13-10-2015
Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
1. Не каждый хочет вникать во все тонкости шаблона (куча файлов и как что там устроено)
2. Тот архив что ты выложил, открыл бы в браузере индекс.хтмл и ответил бы на простой вопрос: что там смотреть и что тебе ответить по сути?
3. За столько времени при острой необходимости, мог бы уже показать живой рабочий код, и скорее всего тебе подсказали куда смотреть. А гадать на кофейной гуще мало кто умеет.

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 23:19 13-10-2015
Открыть новую тему     Написать ответ в эту тему

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