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

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

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
все работает - https://jsfiddle.net/kv3yeo7o/

Всего записей: 15024 | Зарегистр. 20-09-2014 | Отправлено: 01:49 05-05-2015
OLEX



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
у меня работает: http://i.imgur.com/WZiflfw.png
 
Живой пример - http://jsfiddle.net/olex/gffecq2q/

Всего записей: 3590 | Зарегистр. 09-07-2002 | Отправлено: 04:21 05-05-2015
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
OLEX
В версии 24.8.0, не знаю, как в последних версиях, показывается так. Может, не так что делаю? Вот так в Сафари.
 
Добавлено:
Хотя для квадрата стиль работает, хоть пунктиром, хоть точками.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 05:45 05-05-2015
Mavrikii

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

Цитата:
В версии 24.8.0

https://bugzilla.mozilla.org/show_bug.cgi?id=382721

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



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

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 13:49 05-05-2015
OLEX



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
а чего ж 24, если уже 37 ??

Всего записей: 3590 | Зарегистр. 09-07-2002 | Отправлено: 14:10 05-05-2015
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
OLEX
Версия 24 ESR устраивает, если в ней что-то косячит, то и в 37й версии часто то же самое. Да и новый интерфейс/тема не нравится, хоть и можно её настроить с помощью расширения.
 
Я так понимаю, что лучше стили для круглых картинок не делать вообще? или не обращать внимание на пользователей Фокса?

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 15:12 05-05-2015
OLEX



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

Цитата:
не обращать внимание на пользователей Фокса

ну это процентов 20 юзверей
 
Добавлено:
15% - http://gs.statcounter.com/#browser-RU-monthly-201501-201505-bar  
 
Добавлено:
И тенденция к уменьшению

Всего записей: 3590 | Зарегистр. 09-07-2002 | Отправлено: 15:53 05-05-2015
Weinaum



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
приветствую,  
есть пара вопросов - ваяю сайтик  вот на этом шаблона
вылазит пара косяков со стилями, один в демо очень хорошо виден.
При выборе альтернативной темы - оранжевой или синей - меню shop-template blue - template orange -  
не фиксируется панель навигации при скролле. При дефолтной красной теме, либо зеленой - все норм.
Не могу найти, где это спрятано, использую синюю тему, ну и надо устранить.
Второй косяк при простом рассмотрении не виден - связан с респонсивной версткой.
При просмотре ряда планшетных размеров экрана (можно просто уменьшить окно браузера, или использовать сервисы типа http://quirktools.com/screenfly/)  - ряд стилей в альтернативных темах заменяются на дефоолтные.
Точнее могу сказать, что в слайдере на главной странице наблюдается такое при просмотре в режимах (на примере http://quirktools.com/screenfly) начиная от google nexus 7 - 603x966 - до Kinde fire hd7 - 533x853
все размеры что больше или меньше отображаются корректно.
Понимаю так, что где-то в стилях для данных @media не правильно прописаны или не прописаны вовсе, и потому заменяются на дефолт, опять же, пока не могу отловить, где конкретною...

Всего записей: 2152 | Зарегистр. 18-06-2006 | Отправлено: 11:50 24-05-2015
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Кто может подсказать, как правильно прописать фиксацию верхнего блока с меню? Вопрос в том, что блоки, идущие ниже и у которых задан отступ (padding), отступают не от этого верхнего блока, а от верха страницы.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 21:15 24-05-2015
Mavrikii

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

Цитата:
Кто может подсказать, как правильно прописать фиксацию верхнего блока с меню? Вопрос в том, что блоки, идущие ниже и у которых задан отступ (padding), отступают не от этого верхнего блока, а от верха страницы.
 

нужно показывать что есть и что хочется.
 
Weinaum

Цитата:
Не могу найти, где это спрятано, использую синюю тему, ну и надо устранить.  


Цитата:
div#head-row.nofixed #t3-mainnav {
    position: relative !important;
}

строка 2706 в template.css убивает position:fixed;

Всего записей: 15024 | Зарегистр. 20-09-2014 | Отправлено: 19:42 25-05-2015
WONDROUS



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

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 20:56 25-05-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
я все равно не могу понять чего вы хотите добиться. на пальцах объясните.
от зафиксированного отступ никак не может быть, потому что при position:fixed элемент становится прямым потомком body (точнее становится полностью независимым) и остальные не могут падиться от него.

Всего записей: 15024 | Зарегистр. 20-09-2014 | Отправлено: 22:03 25-05-2015 | Исправлено: Mavrikii, 22:05 25-05-2015
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Понятно тогда. Это и надо было, чтобы отступ (padding) был от зафиксированного верхнего блока с меню.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 22:55 25-05-2015
Weinaum



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

Всего записей: 2152 | Зарегистр. 18-06-2006 | Отправлено: 00:53 26-05-2015
Weinaum



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

Цитата:
div#head-row.nofixed #t3-mainnav {
    position: relative !important;
}  

 
вопрос чисто теоретический: есть ли вообще возможность в css отменить стиль в оверрайд-файле?
Т.е. переписать его нет проблем, но например в данном конкретном случае если я напишу position:fixed -  
то получу совсем не то, что требуется. Т.е. данное правило нужно закомментировать или удалить.  
Как бы сейчас я сделал это в исходном css, но дело в том, что при обновлении шаблона все возвращается...
поэтому по возможности стараюсь все изменения вностить в новый файл, чтобы потом по новай не ковырять кучу уже переписаных стилей..

Всего записей: 2152 | Зарегистр. 18-06-2006 | Отправлено: 10:19 02-06-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Weinaum
http://stackoverflow.com/questions/11178673/how-to-override-important

Всего записей: 15024 | Зарегистр. 20-09-2014 | Отправлено: 19:01 02-06-2015
Weinaum



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
спасибо
 
А вот еще один непонятный момент:
есть шаблон лендинга - вот его демо
При просмотре в chrome ряд h2 получают italic стиль шрифта, тогда как в firefox все ровно - вижу в хроме такое:

Код:
injected stylesheet
h2 {
 font-style: italic;
}

Откуда это берется и как от этого избавиться, не пойму - в файлах шаблона ничего такого нет.
Т.е. конечно если перезаписать для h2  font-style: normal !important; то все выравнивается, но вроде как постоянный  !important считается не совсем правильным подходом, да и любопытно, что это такое.

Всего записей: 2152 | Зарегистр. 18-06-2006 | Отправлено: 20:21 10-06-2015
Mavrikii

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

Цитата:
вижу в хроме такое:

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

Всего записей: 15024 | Зарегистр. 20-09-2014 | Отправлено: 20:36 10-06-2015
Weinaum



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Да, действительно, ложная тревога, сорри - на 2 браузерах на разных машинах одинаковое дополнение, нашел и обезвредил )

Всего записей: 2152 | Зарегистр. 18-06-2006 | Отправлено: 22:44 10-06-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

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