-
Posts
27 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by BeetleJuice
-
-
Одностраничный тестовый лендинг с посещалкой 2 человека в сутки - именно тот ресурс, которому необходима минификация html.
ну а тебе что? Знакомился с галпом и для теста навесил задач.
-
1) Логотип текстом
2) В меню какая-то чехарда - <a>MENU</a>
и т.д.
1. я в курсе...захотелось сделать шрифтом.
2. MENU это выпадающее меню для малых разрешений, оно не отображается на больших.
-
Что-то совсем тихо
-
Доброго времени суток, уважаемые форумчане. Сверстал макетик, прошу взглянуть и дать какие-то рекомендации или сделать замечания, указать на что обратить внимание? Ну, в общем, как обычно у новичков.
Сайт одностраничник, с претензией на адаптивность и IE9 минимум: http://forownneeds.tk/
JS и jquery применял впервые, если возможно, то что-нибудь и по поводу скриптов скажите. Буду рад любым откликам, кроме вас расчитывать не на кого
У меня самого есть пока два вопроса:
1) по поводу слайдера: как только загрузилась страница, анимация fadeIn/fadeOut начинает работать только на втором круге, а до этого просто резкая смена слайдов.
2) Почему в режиме эмуляции ИЕ9 шрифты сбрасываются на дефолтные? В гугл фонтс нет нужного для ие9 формата?
-
Так: https://jsfiddle.net/wfq1z9u2/12/ ?
Локально у меня нет горизонтальной прокрутки. А в песочнице почему-то появилась.
Да похоже так, спасибо! Попробую на деле
Судя по всему, всё-таки баг файрфокса. Очень древний (впрочем, за время его существования сама спецификация менялась как угорелая, так что очень долго не было понятно, какое поведение в этом случае правильное).
Может, попробовать уйти от table-* к флексбоксам?
Сделал на флексбоксе, в итоге выплыл баг на ИЕ10-11, он неправильно расчитывает высоту потомков, если задана min-height для родителя, т.е. не заполняется вся высота. С просто height все нормально, но тогда на малых разрешениях всё вылазит))
-
Судя по всему, всё-таки баг файрфокса. Очень древний (впрочем, за время его существования сама спецификация менялась как угорелая, так что очень долго не было понятно, какое поведение в этом случае правильное).
Может, попробовать уйти от table-* к флексбоксам?
Да, можно попробовать. Думал, может есть какое-то решение, но там не одно, так другое. Всем спасибо за отклики.
-
попробуйте внутри блока с table cell создать блок с inline block и уже относительно него позиционировать.
Создал дополнительную обертку, позиционировал относительно нее, но при display: inline-block контент вообще пропадал из виду, почему-то, а вот при display: block появляется полоса прокрутки, но контент в левой колонке, который помещается по высоте и нормально располагался там, просто выскакивает куда-то вниз, за границы родителя(именно в firefox): https://jsfiddle.net/wfq1z9u2/9/
-
Попробуйте для блока с display: table; дописать правило table-layout: fixed;
Попробовал, не помогло
-
В Фаерфокс возникла проблема с overflow: auto. Например, есть блок с display: table, а в нем два блока с display: table-cell, назовем их .one и .two. В блоке .two абсолютно позиционированный блок .child, количество контента в котором не известно, т.е при необходимости, у блока-родителя .two должна появляться полоса прокрутки. Я задал overflow: auto для этой цели блоку .two. Но в фаерфокс контент по-прежнему вылезает за границы, в хроме все нормально. В чем проблема, подскажите? Где-то я что-то упустил или это проблема в firefox?
Вот ссылка, собственно, для наглядности: https://jsfiddle.net/wfq1z9u2/1/
-
Навигация для красоты?) прикрути уж ссылки на соответствующие разделы.
Какие разделы, если у него макет один?
Как какие разделы? Home Features Blog Shop и т.д. Навигация для чего? Для того, что бы жать на соответствующий раздел, и макет проскроливался до него, а не ползунком дергать или колесиком. А так то еще и меню фиксировать нужно, чтоб оно всегда вверху было, для удобной навигации вверх-вниз.
-
Приветствую, уважаемые форумчане. Подскажите правильную структуру такого фильтра, как на картинке. Список услуг делаем по подобию выпадающего меню по клику. Потом выбранные услуги в рядок становятся, с возможностью их удаления - это уже через JS? А сами результаты фильтрации это уже пхп? Или где грани между этими всем технологиями
-
Навигация для красоты?) прикрути уж ссылки на соответствующие разделы.
-
Да читали. На компе все-равно ошибка компиляции, хотя на сассмейстер.ком ошибок не выдает.Всё, решился вопрос сам собой. Толи глюк какой-то глюк был, то ли руки кривые второй вариант более вероятен.
-
Пока не было под рукой редактора вертел код на sassmeister.com, и судя по всему причина в том, что у меня написано "@else $dir == down", а нужно "@else if $dir == down", и так было в оригинале, и так я писал изначально, но ошибка компиляции все-равно выскакивала. Возможно, по другой причине. Попробую завтра дома, скорее всего все подтвердится.
Спасибо, что не мешали подумать самому
-
-
Здравствуйте, знакомлюсь с scss, и один из примеров решил воспроизвести, код просто переписал, но при компиляции в css выдает ошибку не пойму в чем проблема.
Вот проблемный scss миксин:
@mixin triangle ($width, $dir, $color) { @if $dir == up { width: 0; height: 0; border-left: $width/2 solid transparent; border-right: $width/2 solid transparent; border-bottom: $width/2 solid $color; } @else $dir == down { width: 0; height: 0; border-left: $width/2 solid transparent; border-right: $width/2 solid transparent; border-top: $width/2 solid $color; } }
А вот что выдает при компиляции:
Error: Invalid CSS after " } @else ": expected "{", was "$dir == down { "
on line 8Пересмотрел 20 раз, вроде бы всё переписал 1 в 1 (не скопировал, потому что видео). Может глаз замылился и я все-таки чего-то не замечаю, подскажите, пожалуйста.
-
-
.content {
...
overflow:hidden;
}
либо
.content:after {content: ' '; display:block; clear:both; }
-
3. Минимальное разрешение - 200px.
Вы не совсем поняли вопрос, я имел в виду под какое минимальное количество диапазонов разрешений делается адаптивный сайт,
к примеру
от 200px- до 600px
от 601px- до 900px
от 901px- до 1200px
Наверерное, все индивидуально. Вот сделал ты, например, под эти 3 разрешения, смотришь как оно все выглядит: на 200рх все нормально, на 300рх нормально, а на 400рх все разъехалось и нужно как-то перекомпоновать, значит имеет смысл еще диапазон добавить.
-
Всем спасибо попробовал все варианты, теперь буду иметь ввиду.
Потом скажи плз, какой вариант выбрал всё-таки и почему
На хост загрузил вариант с псевдоэлементом и высотой в процентах, а потом уже заглянул в тему и увидел другие советы, опробовал и их локально. А так все варианты хорошие, главное - работают. Спасибо еще раз. С наступающим всех!
-
Всем спасибо попробовал все варианты, теперь буду иметь ввиду.
-
И при таком решении вертикальная граница сможет растягиваться по высоте? Для псевдоэлемента вроде ж фиксированная высота задается?
-
Ради интереса добавил контента и вот что мы видим:
1. Вертикальная граница не продолжилась.
2. Содержимое обрезалось внизу.
Да, косяк, конечно. Тогда подскажите, пожалуйста: подозреваю, что для решения с вертикальной границей мне нужен прием из серии "2 флоат колонки одинаковой высоты" ? И если растет в высоту центральный блок, то левый блок aside должен тоже опускаться вниз, чтоб их нижние границы были на одном уровне или останется висеть в воздухе? А если будет опускаться, то фоновое изображение над ним тоже должно ползти вниз? Спасибо
И еще вопросы: для меню навигации я использовал фоновое изображение, как и для заголовков левого блока. Правильнее ли делать это средствами ccs градиента или как удобней?
-
Доброго времени суток, уважаемые форумчане. 3-я самостоятельная попытка верстки странички. Рsd шаблон был взят здесь же на форуме. Прошу посмотреть и высказать ваши замечания и пожелания. Заранее благодарен .
Вот страничка: www.forownneeds.tk
Прошу критики и замечаний
in Discussion of works
Posted
Так отвечай по существу, а не надменным тоном.
"Одностраничный тестовый лендинг с посещалкой 2 человека в сутки - именно тот ресурс, которому необходима минификация html." - и к чему мне этот вывод? Спроси нормально зачемя это сделал, я отвечу нормально.