WONDROUS Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору HeT BonpocoB Спасибо, но это не то. Надо, чтобы цвет был полностью по всему sidebar, без отступов, а если так прописывать, то будут отступы. К тому же, разделение контент и сайдбар надо прописать в саму тему, чтобы цвет менять из программы (веб-редактор). Я пока не очень хорошо разбираюсь в этом и перепробовал разные варианты, поэтому и спросил. Всего записей: 3446 | Зарегистр. 30-06-2002 | Отправлено: 02:29 05-02-2017

HeT BonpocoB Advanced Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору WONDROUS Цитата: Надо, чтобы цвет был полностью по всему sidebar, без отступов   ну тогда так :   #contentContainer {padding:0;} #content {padding: 20px;}   #aside {  background-color:green;  padding: 20px;  border-left: 3px dotted red;  height: 100px; /* demo */ } Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 11:54 05-02-2017 | Исправлено: HeT BonpocoB, 12:11 05-02-2017

HeT BonpocoB Advanced Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору SerV2003 Цитата: Картинка+отступ+рекл.блок - на компе     float:left;   margin-right:10px;   Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 15:46 10-02-2017

HeT BonpocoB Advanced Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору SerV2003, это^ стиль для каждого элемента в списке, а не родительского блока...   ну естественно ещё можно всё усложнить через @media all and (orientation:portrait) ,но чую вам  это не надо Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 20:15 10-02-2017

Weinaum Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Не знаю, в правильную ли тему - речь о css анимации svg. Нарисовал одну анимированную схему -вот эту (профи просьба не смеяться, только знакомлюсь с svg анимацией) Нормально функционирует в google chrome, в firefox - не нормально. Ну хорошо, для ff transofm-origin требуется прописывать в абсолютных значениях, в пикселях, это я понял. вот схема с абсолютными значениями stroke-dasharray и stroke-dashoffset   Однако, как видно, все равно остаются проблемы, в правой части, где пунктирная анимация реализована с помощью stroke-dasharray и stroke-dashoffset. В firefox эта часть почему то сильно тормозит.   Это можно как то исправить? Всего записей: 2155 | Зарегистр. 18-06-2006 | Отправлено: 22:56 10-02-2017 | Исправлено: Weinaum, 22:58 10-02-2017

HeT BonpocoB Advanced Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору Weinaum Цитата: В firefox эта часть почему то сильно тормозит. я без понятия, но по наблюдению тормоза явно зависят от курсора мыши. водишь - они то быстрее то медленнее а когда открываешь консоль и переводишь курсор туда  - то и вовсе не тормозит и бегают быстро... Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 23:27 10-02-2017

Weinaum Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору HeT BonpocoB Да, есть такое - я как то подумал, что раз эта ситуация в firefox, то что то мешает именно в firefox, возможно, какие то css установки user-agent. Но на самом деле как - не знаю. Задал вопрос на тостере, посмотрим, что скажут специалисты. Всего записей: 2155 | Зарегистр. 18-06-2006 | Отправлено: 10:55 11-02-2017

xerpal Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору НЕ пойму как решить. Вроде все просто, но что-то затык.   Есть блок с фоном, на нем в центре блок с текстом. ПО центру.   Как при уменьшении ширины окна сделать так, что бы он не пропадал из видимости?   Код:   <div class="xxx" style="background-image: url('http://mesite/sites/default/files/bbb.jpg');  width: 2000px; height: 300px;  " width="2000">&nbsp; <div class="text-in"> <div class="content-text">Жмите на ссылку ниже <a class="button-a" href="/aaaa/825">Кнопка</a></div> </div> </div>   То есть при уменьшении до минимума в окне блок должен быть видим....   Как пример - https://www.drupal.org/ Центральный верхний блок( С логотипом) едет влева, если уменьшить ширину до минимума или в Хроме в мобильном виде смотреть Всего записей: 1633 | Зарегистр. 08-10-2011 | Отправлено: 10:46 22-02-2017 | Исправлено: xerpal, 13:25 22-02-2017

HeT BonpocoB Advanced Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору xerpal Цитата: Как пример - https://www.drupal.org/ Центральный верхний блок( С логотипом) едет влева, если уменьшить ширину до минимума или в Хроме в мобильном виде смотреть   логотип там никуда не едет, он по центру правый и левый паддинг указан в процентах от ширины видимой области (4%)   .pane-style-full     padding: 2em 4vw;   DKUniSoft, подгружать вряд-ли... средствами css вроде пока только "прятать" и делать всякие псевдо-появления по кликам Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 12:43 22-02-2017

xerpal Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору HeT BonpocoB Цитата: логотип там никуда не едет, он по центру Там если в "мобильную" версию войти в Хроме( через "посмотреть код")  - то блок там есть, то есть он уехал налево, или если уменьшать размер окна просто.   И небоскреб остался рядом же.   Как вот сделать так, чтобы и фон съезжал, и сам внутренний блок налево при уменьшении ширины окна браузера?   Как блок я уже докумекал -   Код: margin-left: auto;   margin-right: auto; Теперь с фоном закавыка... Всего записей: 1633 | Зарегистр. 08-10-2011 | Отправлено: 13:27 22-02-2017 | Исправлено: xerpal, 13:28 22-02-2017

HeT BonpocoB Advanced Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору xerpal, лучше бы скрин, мы про какой блок? у родителя (который с картинкой-бэкграундом) меняется padding в зависимости от ширины, а блок с логотипом и текстом внутри него всегда по центру "замарджинен" ну а фон (картинка) легко управляется через background-size   (ну и плюс там естественно прописаны условия через @media, как обычно...)   Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 14:11 22-02-2017

xerpal Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору HeT BonpocoB Цитата: у родителя (который с картинкой-бэкграундом) меняется padding в зависимости от ширины Каким образом?       Всего записей: 1633 | Зарегистр. 08-10-2011 | Отправлено: 16:05 22-02-2017

HeT BonpocoB Advanced Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору xerpal, небоскрёб остаётся на месте, потому что так работает background-size:cover; (достаточно найти его описание) в зависимости от высоты (или ширины) блока размещает в нём картинку   http://codepen.io/anon/pen/wJwdLB     Цитата: Каким образом?   потому что он указан в процентах от ширины - 4vw; Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 16:53 22-02-2017

WONDROUS Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Существует ли какой-то универсальный способ отключения изменения масштаба (скролл мышкой) в картах Гугл? То есть, везде пишется про scrollwheel:false, но как его применить, если карта вставляется в программе через определённое дополнение (стек)? Всего записей: 3446 | Зарегистр. 30-06-2002 | Отправлено: 17:24 28-02-2017

HeT BonpocoB Advanced Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору WONDROUS, наверно стоит гугловские параметры покопать... может там есть что для вставки   или вот народ пишет какой-то div можно вставить поверх фрэйма... Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 17:46 28-02-2017

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

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

Переход по форумам  Закладки   » Компьютеры Цифровое изображение Программы Microsoft Windows UNIX Другие OS Hardware В помощь сисадмину Прикладное программирование Игры Форумные игры   » Интернет Web-программирование В помощь вебмастеру Графика Хостинг Зацените-ка!   » Тематические Ikonboard v.2 Ikonboard v.3 Invision Board Другие форумы PHP-Nuke и другие порталы Мобила   » Общие Спорт Флейм Темы по региональным встречам Музыка и Кино Юмор Литература и Живопись   » Ru.Board Новости Помощь по форуму   » Андеграунд eBookz Варезник Раздачи и акции Мобильный варезник Андеграунд Игры и фильмы   » Специальные Тестирование