Zverushka

Да я вот смотрела уже 10 раз заготовки с навигацией. Сейчас такая мода пошла - хотеть бутстрап в каждый кривой макет. А я, не имея опыта, даже не могу ответить на такие запросы - "вы что сума сошли - это же невозможно, макет не создан для бутстрапа" - я без понятия, можно ли применять какие макеты под него. а какие нельзя. По сути мне от него нужна только адаптивность для макета. Кстати вы не подскажете - насколько верстка под бустрап должна стоить дороже обычный верстки? (в процентах). С контактами проблема - ширина кнопки должна быть равна ширине текста, поэтому ей подходит только чистый флоатный стиль.. В общем надо сделать чуть-чуть нестандартно и уже вылазит куча проблем, мммм... это меню меня доканывает... Ну и я для тренировки беру уже сделанный сайт и переделываю его на бутстрап - это конечно немного неправильно - проще переделывать бустрап под дизайн, чем наоборот. Пока что я выкрутилась вот так c меню http://zverushka.zz.mu/edu3/ Блин, в хроме на новой строке ссылка, а в файрфокс нормально. РРррр.... блин, что я делаю не так? Просто уже сама бы 10 раз сверстала, а тут у меня все время что-то не получается, не создание сайта, а сплошное страдание. Если честно меня веселит. Сколько раз я читала - что нужно избавляться от лишних оберток, что вертальщик - пихающий кучу блоков - это просто неудачник, который пытается делать табличную верстку. И тут же смотрю авторы не стесняются оборачивать все лишними блоками.

Странно, у меня 8% написано. Но в общем я разобралась - блок обтекаемый - подстраивается под размеры содержимого, а отступы под размер блока - получается замкнутый круг с вечной неизвестной. Поэтому тут либо задать ширину главному блоку, либо использовать фиксированные величины.

Пункты меню перескакивают на новую строку - почему? http://zverushka.zz.mu/edu2/

Вот пытаюсь реализовать меню. Обычное меню. справа от него на той же строке есть блок с заказом звонка. При уменьшении разрешения появляется название сайта и иконка для разворачивания меню. Проблема в том. что в определенном узком разрешении развернутого меню не видно на экране вообще - оно куда-то вбок уходит. При этом в файрфоксе (в хроме вроде норм). Что я делаю не так? Все ли правильно в разметке навигации? http://zverushka.zz.mu/edu/

Для разных-цветов меню на сайте клоуна использовать .menu-item-blue, .menu-item-red итд - вполне понятные названия. Для обычного меню достаточного одного названия - .main-menu - все вложенные теги не требуют классов, так как в пределах сущности основного меню ниче такого быть не может - пукнт - это li - и дураку понятно, a - это конкретная ссылка - и лишние классы лишь переусложнят код - их названия будут избыточны.

http://habrahabr.ru/post/163429/ Лучше поставить аддон для редактора prefixr - он будет по комбинации горячих клавиш ставить актуальные префиксы, правда с box-shadow и text-shadow иногда тупит фз-почему, поэтому вручную часто добавляю -webkit

Пусть будет горизонтальный скролл - умрут чтоле от того, что сайт немного покрутят? А так media queries - чтобы изменить ширину сайта для 320 разрешения, если сильно нужно.

ие8 не поддерживает тени http://caniuse.com/#search=box-shadow Да и не нужно - изящная деградация border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;Префиксы пишутся до основного свойства. И для круглых уголков префиксы не пишут уже давно.

Ну ладно, ты вроде говоришь уже сделал - может покажешь?)

Данная задача не является нестандартной и чем-то полезной. Так как переусложняет код лишними слоями, чтобы всего лишь вывести ленточку, когда ее можно вывести и другими способами. Решение нестандартных задач подразумевает решение более практичных задач, но нетривиальных. Таких всплывает на этом форуме множество - достаточно регулярно читать новые темы. Как очень нестандартная задача запомнилась эта тема http://htmlforum.ru/index.php?showtopic=45302&hl= На первый взгляд выглядит просто, на самом деле - сложнореализумо. Это из того разряда, когда дизайнер придумал что-то остроумное, а верстальщик сидит и ломает голову - как же это реализовать. Тут уже вопрос в смекалке (она или есть или ее нет) или огромном опыте с набором готовых или похожих решений.

Ну по идее это просто 14 пикселей размытая тень того серого цвета, что указан в параметрах. Или в итоге и вышла более жирная тень? У слоя нет случайно прозрачности? Я так вижу можно использовать стандартный черный цвет тени с прозрачность в 0.2 0.1 - должен быть такой же эффект как на картинке. Или же серый цвет сделать такой же прозрачности.

Очень прикольно!

То есть идет отказ от главного плюса цсс, который стал самым большим минусом, да?

Заказчик с парралаксом ускакал), поэтому статьи про палларакс в избранном, сейчас бутстрап, потом парралакс)..

Тебе из него надо сделать градиент - посмотри уроки в интернете, на это где-то 10 минут уйдет, потом может и меньше времени (вкратце фон слева копируется на фон справа, отражается по горизонтали, а потом инструментом заплатка - стирается граница). и тогда уже repeat будет уместен. 100кб немного. 300-600 тоже нормально. Но коннкретно для этого фона - это же обычный джипег, кб 60 вроде ему подойдет...

Или округляет по-разному (не знаю 19.2 пикселя в файрфоксе - это реальная или лишь отображаемая величина? Потому как хром посчитал 19,1875) или шрифт чуть играет в каждом браузере. Надо по-другому блоки равнять, ведь что будет если строчку текста убрать или подставить? все опять поедет. н-р, надо одинаковую высоту колонок сделать

По ходу все дело в line-height. Задай для боди например, 1.2 и у тебя везде будет как в файрфоксе.

Спасибо тебе большое.)

А такой вопрос про яндекс метрику. Допустим у нас есть два сайта на разных доменах. Один о кондиционерах, а другой о вентиляции. Можно ли установить один и тот же счетчик на 2 разных домена? Будет ли помимо общей статистики - подразделы со статистикой по каждому сайту отдельно? Или же надо создавать еще один счетчик?

Но мне получается много функциональности по идее не нужно - базовая картинка и подсветка при наводе на карту. @sigma77,а долго тебе пришлось api яндекс карт изучать? Кусочек сайта маленький, а получается, если делать на яндекс картах - то там только изучать придеться 2 дня плотно засев ...

Как реализовывается такая карта обычно?

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

@npofopr, а можно поподробнее? Вообще себе не представляю как это.

Смотря что нужно. margin тянет за собой другие блоки, top двигает только текущий элемент.

То есть это когда нет вложенных классов вообще? Это и есть независимые блоки? Отказ от каскадности?