AlexBes

это не кнопка, а обычный див реальный пример, к сожалению, показать не могу

Несколько раз уже с таким сталкивалась, почему он возникает и как с этим бороться пока не удалось выяснить. При наведении на кнопку, появляется что-то вроде левого бордера, хотя его там никогда не было. Наблюдается это только в хроме. На скрине кнопки сделаны дивами, еще видела такое с ссылками. В данном примере баг появлялся при задании кнопкам марджин по горизонтали - auto. То есть при центрировании. Может кто-то знаешь, что это такое и как бороться?

Похоже, что я все таки ошиблась. Тестировала на LG L90, у которого разрешение 960x540 - показывается мобильная версия сайта, хотя в медиа запросах для мобильных указано до 767px. Еще один интересный момент: возьмем, например, Samsung Galaxy s4, у него разрешение 960x540, а в эмуляторе хрома написано: viewport 360x640.

Спасибо, почитаю

Понятно, значит это действительно проблема. Но почему-то никто об этом не задумывается.

Доброго времени суток. Есть у меня задача для одного сайта сделать полу-адаптивную верстку для смартфонов и планшетов. "Полу", потому что внешний вид контента будет кардинально меняться, вплоть до изменений html. Алгоритм примерно такой: от 320 до 767 - контент под мобильные от 768 до 1023 - под планшеты от 1023 и выше - десктоп Но проблема в том, что на некоторых смартфонах встречается ширина 800px при разрешении 4,3". То есть такому телефону будет отдаваться контент предназначенный для планшетов. Можно ли как-то решить эту проблему?

Спасибо вот я слепая )

Прошу прощения, если вопрос не подходит под раздел, более подходящий не нашла. Все работает как надо, sass компилируется на лету. Но в этом и проблема. Я еще не успела дописать стили, а он уже скомпилировал, залил на сервер и выдал ошибки. Хотя я просто не успела дописать. Местами это очень мешает. Можно ли как-то настроить его компилировать только после сохранения файла?

гениально! у вас совсем другой подход, я бы не додумалась так сделать ) спасибо большое, выровняла - смотрится отлично

afdw, вы правильно поняли, так как раз не надо, а по поводу двух спрайтов можете подробнее рассказать?

При наведении на пункты левого меню, иконки красиво выезжают, это благодаря анимации transition для ширины иконки, но этот же метод в правой части не работает. Методом проб и ошибок выяснила, что иконки будут красиво выезжать только когда прижаты к правому краю. В правом меню на последнем пункте видно, что анимация работает так как надо только, если элементу задан right. Пробовала задавать при наведении margin-left и его анимировать, но эффект все равно не тот. Уже всю голову над этим сломала. Может я что-то упускаю? Или это в принципе невозможно? Живой вариант

Если использовался паттерн, то можно так. Копируете его в свою коллекцию (есть там такая кнопка "create a new preset from the current pattern", не знаю как называется в русском варианте фш). Далее просто наводите мышкой на новый паттерн и видите в всплывающей строке его размер. Создаете файл с такими размерами и заливаете вашим паттерном. Фон готов.

у меня win7, хром - рамки нет

спасибо большое, я тоже склоняюсь к картинке, но теперь хоть буду знать, что сделать это в принципе реально

Добрый день, столкнулась с проблемой верстки части макета (найден в сети). В меню точки поставила через list-style-image, а вот как поставить точки в заголовке между буквами - без понятия. 1 вариант - вставить весь заголовок картинкой. 2 вариант - сделать так же, как и в меню - каждую букву обернуть в li + list-style-image. может есть еще какой-то вариант, о котором я не знаю?

Мне нравится, так чисто и аккуратно единственный минус - картинки в слайдере сжимаются по горизонтали - смотрится не очень, лучше пускай обрезаются через overflow

hypnocolor, спасибо, теперь все понятно

Возможно, но это не всегда так. Это единственная причина?

Всегда пользуюсь спрайтами, где это возможно. На счет иконок, почему лучше отдельные теги? Какое обоснование?

блоку, который вам нужно зафиксировать, в css стилях задается position: fixed

1. Ссылки в меню косят. Лучше задавать не margin для li, а padding для a. Чтобы растянуть меню по ширине блока можно использовать этот метод. 2. В меню нет градиента, не указан класс hover. 3. Заголовки материалов должны быть ссылками, текст "добавить комментарий" - тоже. 4. Для maincontent задана высота - так не делают. Wrapper'у тоже высоту не задают. Ее нужно задавать там, где точно знаешь размер блока и он не меняется. 5. Блоки, которые находятся сбоку, оборачивают отдельным блоком. И уже ему ставят обтекание float. Весь правый блок нужно переделывать. 6. Если используешь теги html5, то делай это везде, где они актуальны, например, зачем делать div.article, если есть тег article Это то, что сразу бросилось в глаза.

Добрый вечер. Пыталась найти ответ на свой вопрос через поиск, но ничего толком не нашла. Верстаю я всего пару месяцев, поэтому всегда обращаю внимание на верстку других сайтов, если вижу что-то интересное. Часто натыкалась на то, что иконки вставляют тегом " i ", точнее фоном к этому тегу. Правильно ли это или все зависит от конкретного случая? Потому что я обычно их вставляю фоном к родительскому элементу.