nikki4

Пользователь
  • Публикации

    138
  • Зарегистрирован

  • Посещение

Репутация

0 Обычная

О nikki4

  • Звание
    Участник

Информация

  • Пол
    мужской
  • Откуда
    Россия
  1. Как скрыть символы на конце?

    Спасибо. Но почему-то на сайте не работало. Скопировал код в кодпен - тоже не работает, но на jsfiddle работает. Не понимаю. От чего так?
  2. Как скрыть символы на конце?

    Поиск на аяксе, как понимаю работаю при помощи этого файла, но я не пойму как его тестировать. пытаюсь всякие print_r, echo, die добавлять значения. Но тогда поиск перестает работать. Потому не могу выявить где хранится название и как его удалить. Подозреваю, что тут но как узнать что там... Вот думаю может как-то стилями можно. Раз нельзя удалять символами, видимо придется прятать за блоком псевдожлемента
  3. Поставил форму поиска, там почему-то на конце после названия выводятся () Т.е. <span>Название1 ()</span> <span>Название2 ()</span> Можно ли как-то стилями скрыть все скобки в спанах, либо последние 3 символа? Если нет, то может как-то можно квадратиком фоновым на передний план поместить?
  4. Страница: http://seositi.ru/ в мобильной версии разделы сайта должны быть во всю ширину. @media only screen and (max-width: 479px) { *** .site-categories ul li { float: left; display: table; width: 96%; margin: 0 1% 20px; padding: 10px 1%; // border-radius: 5px; height: 100px; max-height: 100px; } *** } в лисе и Яб-е, все ок. а в хроме почему-то не срабатывает @media only screen and (max-width: 479px) { и применяется прежний стиль, а именно only screen and (max-width: 991px) and (min-width: 768px) Попытался выяснить в чем дело: Полностью очистил файл responsive.css и style.css в style.css написал: body {background: red;} @media only screen and (max-width:784px) { body {background: blue;} } везде все работает - красный, при экране с заданным размером - голубой фон. стоит мне указать какое либо значение менее 784, например 783 body {background: red;} @media only screen and (max-width:783px) { body {background: blue;} } везде работает, а в хроме уже не работает и не применяется стиль Нашел решение. Оказалось в html было не прописано, прописал - стало все ок. <meta name="viewport" content="width=device-width,initial-scale=1">
  5. Верстка на 20% крупнее в ФФ и Хроме

    да так и есть. файрбаг тоже показывает 100 высота. но мои глаза видят, что на самом деле тут пикселей больше именно в этих 2 браузерах. Делаю принскрин, вставляю в фотошоп и что видим? Вот я вижу, что браузеры увеличивают все на 20%.. но где это отключить, чтобы нормально все верстать.
  6. Верстка на 20% крупнее в ФФ и Хроме

    Ну понятно что инспектором проверять надо, а не скринами. В то то и дело в css и инспекторе одно, а на экране другое. Я не поверил инспектору и решил проверить скринами. Вот, кстати закончил верстать ,чтобы более менее ок выглядело. https://goo.gl/K3F6AG Но на самом деле в хроме и лисе одно, а в яндексе другое. В яндексе нормальный размер, в ФФ и хроме - увеличено все примерно на 20%. Может у меня настройки браузера какие-то.. типа автоувеличение.. но жму масштаб 100%.. ничего не меняется. Но в любом случае из-за такого верстать не удобно.. может как-то отключить можно.
  7. Открываю psd макет, беру линейку. Измеряю какой-либо элемент, например высоту шапки. Прописываю высоту в пикселях и т.д. Но все едет и кажется огромным. Делаю принтскрин, вставляю поверх psd макета, видно что высота стала гораздо больше, например шапка 400px а в принтскрине уже 500px. От чего так? Изображение браузера стоит 100%, пробовал менять браузер - всеравно крупнее на сайте, чем в макете, хотя высоту прописал точно как в макете. Проверял единицы измерения в фотошопе - все верно Может искажается при принскрине размеры? но проверил по ширине - вместо 1920 - 1900 за счетполосы прокрутки. Так что не могло прям на 100 пикселей пропасть, да и сам реально вижу, что все выглядит крупнее в браузерах. Ничего не понимаю.. ps: только что еще раз проверил в браузерах тестовый пример: яндексбраузер - ничего не увеличивает, выдает как надо хром и ФФ укрупняют на 20% или вот вставляю картинку шириной 1920px (мой экран 1920) в итоге картинка гораздо больше на экране и целиком не влезает в экран. Отправил файл с html+css У меня это отображается так: html+css: test.rar
  8. Задача такая: есть слайдер. если включен первый слайд (первый блок owl-page с классом active), тогда все другие owl-page сделать одним цветом. Т.е. стили только для тех элементов которые идут после первого активного, так как если слайдер поменяется, то цвет изменится.
  9. Вот наброски, пробовал с :nth-child не сработало
  10. Не выравниваются путкты меню по ширине

    Всеравно что-то не понял с отступами, зато с флексом подвижки есть, однако слева откуда-то лишний отступ взялся/ да и всетаки делать фиксированно 25% каждобу блоку - так не правильно, надо чтобы маленький блок был меньше, а большой больше. (решил задачу присвоим ширину в процентов каждому пункту меню в отдельности)
  11. Не выравниваются путкты меню по ширине

    Спасибо за ответ, поправил. Но не понял, что за пробелы между элементами списка? паддинги/маржины? но тогда это вручную под каждый экран нужно делать, а задача то, чтобы автоматически по ширине распределялось. пробовал ширину ставить, типа 20%. но тогда все съезжает при другом разрешении экрана, потому что для запеканки нужен больший блок, чем для других.
  12. Сайт Нашел статью, пробовал вставить пример на сайт, но не вышло - просто обрезался край. А нужно чтобы во всю ширину меню были расположены пункты меню. Видимо какой-то из стилей перекрывает, но не понял что именно.
  13. Сайт При нажатии на "бутерброд" (меню) - на андроидах все ОК, а вот на 6 и 7 айфоне смотрели - говорят, что меню перекрывается баннером/контентом. В чем дело?
  14. Как убрать скругление углов кнопок?

    Выше что-то не понятно. аутлайн не помог. Но я нашел решение тут: http://jsfiddle.net/achudars/8wW74/
  15. Пишу .filter label input { border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; } } чищу кеш. всеравно выглядят скругленно