Bassline

Любой. background:rgba(255, 255, 255, 0.6);

Вы видели как выглядит сайт на разрешении экрана больше 1400px? Видны стыки повторяющейся фоновой картинки, из-за чего сайт выглядит как халтура (или как ванна до). Полупрозрачный фон у текста - при чтении можно глаза сломать. Вся эта писанина на главной странице нафиг не нужна. Для этого должна быть отдельная страница, если посетителя заинтересуют услуги этого сайта и он захочет узнать подробности - он перейдет в соответствующий раздел и прочтет. Не нужно вываливать все сразу. На главной странице я бы оставил только верхний слайдер, боковую панель с материалами и блок с наливными и эмалированными ваннами. Все. Для остального должна быть удобная навигация. Ну и телефон. Для него нужен отдельный блок на видном месте, а не на фоне картинки, как на объявлениях о сдаче квартиры, где обязательно кинут. p.s. "Дорогой гость!" - ну что это за фигня?

Зачем так далеко ходить, голливуд уже давно использует подобные технологии в своих фильмах.

У id="centercol" измени margin: -10px 250px 0px 275px; на margin: -10px 290px 0px 275px; Ну и 100% для картинки.

Верстка у твоего движка кривая. Для начала нужно задать картинке размер в процентах, например 100%. Но это не даст результатов, пока центральная колонка будет наезжать на правую. Картинка будет пытаться занять всю ширину центрального контейнера, поэтому она опустится в самый низ, где ей не будет мешать выпирающая правая колонка. Учись использовать веб инспектор браузера и большую часть проблем сможешь решать самостоятельно.

Подтяни его, а еще лучшь возьми на размер меньше.

http://htmlbook.ru/samlayout/blochnaya-verstka/strochnye-elementy http://htmlbook.ru/samlayout/blochnaya-verstka/strochno-blochnye-elementy http://htmlbook.ru/samlayout/blochnaya-verstka/blochnye-elementy

А почему должно было помочь? Потому, что i строчный элемент, а высота и ширина действует только на блочные и строчно-блочные элементы. Срочно учи теорию.

Так ширину и высоту нужно задать, заодно и display:inline-block

http://xiper.net/collect/html-and-css-tricks/navigation/rubber-blocks-menu

Может так? http://jsfiddle.net/vrn0y1kr/2/

ТС похоже хочет провернуть такую штуку без ограничения максимального размера контейнера при минимальной в 1000px. Такое в принципе невозможно. Что бы картинки заезжали с обеих сторон нужно автоматом выравнивать контейнер по центру без отступов и полей, иначе отступы слева не будут давать примкнуть контейнеру к краю экрана, соответственно картинка полностью не заедет за левый край на ширине меньшей, чем минимальная ширина контейнера. Чтобы выровнять контейнер по центру необходима максимальная ширина, иначе контейнер всегда будет заполнять всю доступную область вместе с картинками.

Если бы ты хоть немного напрягся и исследовал это тему, то узнал бы, что существует масса приложений и способов автоматической компиляции. От тебя только требуется изменить свойство и нажать ctrl + s, дернуться не успеешь как браузер обновится (если ты конечно в курсе о livereload). Нет разницы где править стили, в файле css или less с scss.

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

Пойдет. Читай больше этот форум и станет еще лучше. Прям заходи в раздел, открывай подряд первые 30-40 постов и читай до посинения. После того как посинеешь, начинай верстать до покраснения. И так каждый день. Иначе никак.

Тоже по началу не знал с какой стороны к js подступиться. Потом с помощью этого учебника http://learn.javascript.ru/ и браузерной консоли сдвинулся с мертвой точки. Просто читал статьи и пытался в консоли воспроизвести прочитанное, тут же эксперементировал (порой метом тыка или с помощью подсказок консоли) и смотрел что получается. Удобно, и сильно не напрягает, отбивая желание изучать. Теперь стараюсь везде, где получается, заменять jquery на js, довольно часто это не целесообразно, но только так можно прокачать свои навыки.

Да, без шаблона запаришься каждый раз все заново вспоминать, искать, прописывать, подключать.

Я к тому, что если не хочется разукрашивать html классами бутстрапа, то придется пользоваться только миксинами и вставками. А если пользоваться только миксинами и вставками, то классы бутстрапа в css файле будут не нужны.

Еще удобней не импортировать в свой основной styles.less файлы бутстрапа, которые отвечают за вывод стилей в конечный css, а подставлять только миксины в свои стили. В результате конечный css файл не захламляется селекторами бутстрапа типа .btn, .table, .row и т.д., даже если они используются на странице.

Берешь два монитора, ставишь рядом. В одном открываешь страничку с первым дивом, в другом страничку со вторым дивом.

Тоже пару раз ставил и сносил. В лом переучиваться и привыкать, в саблайме все доведено до автоматизма. Да и киллер фич для себя не нашел. И название у него дурацкое, гугл по запросу Brackets выдает мерзкие картинки сразу под ссылкой на оф. сайт .

localStorage тебе в помощь http://blog.ksdaemon.ru/2010/12/proshhajjte-cookies-ili-zdravstvujj-localstorage/

Если добавить в блок "LIve Support" еще пару строчек текста - верстка разъедется. Почитай больше о флоатах.

Это все не то. Вот пример: http://jsfiddle.net/g8zwaawy/2/ - правда с планшета криво работает из-за лишних тегов в разметке, даже в full Там хоть одним пальцем, хоть двумя - все равно не то, что нужно. Сначала прокручивается форма, за ней следом начинает крутиться страница. Если двумя пальцами, то наоборот.

Есть длинная страница и всплывающая форма, по высоте тоже большая (1500px) c position:fixed, overflow-y:scroll, height:100% у ее контейнера. Нужно чтобы форма прокручивалась, а сама страница нет. С десктопами проблем нет, но в мобильных браузерах (например, ipad safari) не получается реализовать. Пробовал даже такое: html, body { position:relative; height:100%; overflow:hidden}