swandev

Зачем flexbox ???????????????????????????????????????

 

Из вашего сообщения можно сделать вывод, что использование flexbox это плохо и для этой задачи его не стоит использовать?

http://www.unheap.com/

Не требуют, но использую

 

помогите с оценкой.

Адаптивности нет, кроссбраузерность - в ie8 с иконками беда дальше не смотрел, валидность прошла.

 

ie8 можно забыть

хм.. из за скрола? не уверен но возможно. Если задать  например @media screen and (max-width: 1220px)  то пробелема уходит.

но при переходе на 768 поулчается никак не избежать горизонтального скрола...  там не возможно добавить 20рх .. иначе на планшетах на 768рх будут работать стили для меньших разрешений.

 Как то можно это пофиксить?

Можно конечно прописать в body   overflow-x: hidden;  и забить, но как то это не правильно

Вы не учитываете ширину скролла.  Вы меняете ширину box с 1200px на 980px при разрешении 1200px, в то время как body равен 1186px примерно, отсюда и горизонтальный скролл.

Посмотрите сетку bootstrap, она такая же как у вас

для разрешений от 1200px  делайте ширину для box 1170px

для разрешений меньше 1200px для box ставьте 970px

для  разрешений меньше 992px для box ставьте 750px

для  разрешений меньше 768px для box ставьте 100%

однако он еще не всеми браузерами кjрректно воспринимается. Потому надежнее пока делать дивами и учить html5

 

Это какие такие браузеры?

Там такая длинная картинка http://www.agence-belle-epoque.fr/images/home/main_logo.png (в инспекторе сделайте фон черным чтобы видно было)

и изменяется background-position

получается такой эффект

Привет. Он не может загрузить картинки, 

/images/slider.jpg меняем на images/slider.jpg

Здравствуйте. Делаю вертикальное меню. Добавляю иконки с помощью font awesome. Проблема в том, что ширина иконок варьируется. Из-за этого текст пунктов меню скачет. Как можно задать расстояние между иконкой и текстом меню?

margin

padding

left

right

top

bottom

Можно проще

&showinfo=0

Согласен с предыдущим комментом. Производитель и версия браузера ни как не влияют на кол-во денег в кармане. Если у заказчика в офисе стоит комп с WinXP и IE8, ему абсолютно пофиг, что таких как он <1%. Главное что у него сайт отображается криво, а значит работа сделана плохо.

Работа сделана очень хорошо, если сайт в ие ниже последней версии "разваливается", а в современных все выглядит так как и задумывалось.

Пока вы будете поддерживать этот 1% они не скачают себе новый браузер

Я гугл карту не стал делать, потому, что он тупит, нажимаю поделится и должно открыться окно, но оно не открывается 

https://mapbuildr.com/

 

http://jsfiddle.net/zsbbLtxw/1/

 

только это для версии 2.0

в 2.1 нужно смотреть api

 

 А как вставить адрес, что бы выглядело, как на картинке? 

 

Это вообще от гугл карт картинка.

Но можно сделать примерно так  http://jsfiddle.net/5b2cbmr3/

текст стилизуйте уже сами как нужно, иконку тоже можно поменять

http://jsfiddle.net/zsbbLtxw/1/

только это для версии 2.0

в 2.1 нужно смотреть api

 

Просто в Dev Tools нажимаете на нужный вам элемент, в правой панели появляются стили для этого элемента; находите тот блок, в котором объявлено новое свойство, смотрите глазами вверх, видите селектор, копируете его к себе в файл со стилями, и пишите в него свойство, которое нужно изменить. Что тут сложного?

Спасибо, так и делаю.  Подозреваю, что сложного действительно ничего нет, просто всё дело в моей неопытности.  Но вот высота почему-то у меня вылазит каждый раз там где не нужно... Уже не знаю куда ещё её можно приписать или каким другим магическим способом. )))

 

апдейт:

 

Итак, подводя итог моих мучений:

В чём конкретно возникают затруднения? - ответ, стили сгенерированны с помощью препроцессора, скорее всего, что приводит к затруднению локализации конкретных массивов классов в нативном css-файле. Так, например, настроив отображение в Dev Tools сложно найти применение этим настройкам в реальном коде, есть разница в отображении массивов классов. Но я нашел этому решение. Возможно для гуру ничего нового не скажу, но остальным будет полезно, наверное. Итак, связка SublimeText3 с установленным паком LiveStyle + Google Chrome с установленным расширением LiveStyle Emmet. Что даёт нам такой инструмент? А то, что настройки подобранные в браузере автоматически правятся в Sublime! То есть, ничего нигде искать не нужно, просто настроил отображение прямо в браузере, сохранил файл в редакторе и спишь спокойно. Кстати говоря, связь работает и в обратном направлении, правки в Sublime автоматически отображаются в браузере в реальном времени, хотя этим никого уж точно не удивишь. Если кого заинтересовало, в Ютубе есть демонстрация технологии.

 

Emmet livestyle если я не ошибаюсь, работает только с чистым css, а сейчас все пишут на препроцессорах.

Смотрите инспектором названия классов, открывайте css файл плагина и редактируйте.

А вообще, поделитесь базами различных plugin-ов. Как подбираете в различных случаях?

http://www.unheap.com/

Какие есть способы заработка в сети? адекватные и не реальные.

помимо фриланса

Онлайн покер

Что же вы так не внимательно...

Надо было ознакомится с заданием прежде чем принимать сделку,

Попробуйте договориться с заказчиком чтобы закрыть сделку без отрицательных отзывов, если времени не много потеряли, ну или придется выполнять

Самый быстрый и возможно единственный способ уменьшить сайт не переверстывая -  это трансформации.

Сделать для body

body {   transform-origin: 50% 0;   transform: scale(.75);} 

Определить высоту страницы с помощью JS.

уменьшить высоту страницы (html) на 25%.

ie9+

Здравствуйте, дорогие друзья! Я начинающий верстальщик. Выполняя макет столкнулась с такой проблемой: при уменьшении масштаба все элементы макета начинают плыть. Помогите пожалуйста решить эту проблему и если можете дайте рекомендацию по улучшению кода. Ссылка на проект: http://rghost.ru/7WnZCZt5Y  

Не стал качать макет, залейте на хостинг.

+-10% процентов должно быть все ок, в остальных случаях это проблемы пользователя который пользуется масштабированием. имхо

тоже уже видел, вроде где-то здесь или в темке про фриланс постили

 

 

 

Агась)

 

 

Сафари

кроссбраузерность

Догадываюсь, что у вас Windows?

 

 

Для windows уже нет новых версий safari, удалите и забудьте, если просит заказчик, то его тоже забудьте.

Актуальная версия сейчас 8.0.6 и она только для osx.

 

Я не знала этого) просто я раньше тоже проверяла и там все ок было, а здесь нет ... Так мне можно просто закрыть глаза на абракадабру?)

 

Конечно. Версия для windows 2012 года, если я не ошибаюсь 

У меня еще не возникало проблем с safari, все как в хроме всегда

 

Агась)

 

 

Сафари

кроссбраузерность

Догадываюсь, что у вас Windows?

 

 

Для windows уже нет новых версий safari, удалите и забудьте, если просит заказчик, то его тоже забудьте.

Актуальная версия сейчас 8.0.6 и она только для osx.