Z1gnet

извиняюсь, что встреваю, но вы не могли бы и мой лендинг так основательно разнести в пух и прах? http://htmlforum.ru/index.php?showtopic=49768 хорошо, щас гляну))) но сразу скажу, в целом у вас все очень даже хорошо. возможно мелкие штуки

ну как сказать. не фонтан... пол картинки отрезало. он у вас резиновый вообще?

дизайн запоздал минимум лет на 5. что это за кнопка поиска? если нет нормального дизайнера возьмите уже на худой конец бутстрап и юзайте его

можно обернуть еще в один див и его позиционировать абсолютом и задайте text-align:center, а внутри будет ваш див на который задайте display:inline-block и он встанет посередине. это перво решение которые приходит в голову. и не нужно никаких скриптов лишних подключать.

проблема в том что в мозилле скролл плавный, а в хроме рывками и скрипт немного запаздывает за скроллом. решение очень просто и лежит на поверхности. при скролле больше 20рх добавляйте сайдбару класс которому вы пропишете position:fixed; и убирайте его когда скролл меньше чем 20рх. либо без класса, просто добавляйте position:fixed; и удаляйте его. (не забудте прописать top:20px)

да, только главное не забыть еще overflow:hidden прописать

1. http://take.ms/IIrzw используйте сокращенную запись font:16px/1.em "MyriadPro",Arial,Helvetica,sans-serif; http://take.ms/9pyh2 та же фигня padding: 0 15px; 2. не выровнял по высоте текст в инпутах http://take.ms/aYatd. 3. <div class="cl"> </div> сам по себе метод не самый лучший. и вы его не правильно используете http://take.ms/50SVD, не туда вставили, надо вставлять сразу после последнего флотнутого элемента http://take.ms/l6ZuG я бы вместо <div class="cl"> просто задал бы на .slons{overflow: hidden;}, в данном случае подходит. но если overflow: hidden; что-то обрежет тогда можно прописать вот так .slons:after{ content: ""; display: block; clear: both;} 4. у div.slon1(2,3) код неправильно записан. вы дублируете одни и те же стили кучу раз. у этих 3-х блоков одинаковые стили, фактически отличаются только цвет фона и заголовков. ваши 42строки кода http://take.ms/ySXCq превращаются в 30 просто на ровном месте, и код более удобным становится http://take.ms/pppKJ в таких случаях нужно объединять похожие блоки и перебивать только отличающиеся стили. так же можно было каждому из этих 3-х блоков задать общий класс, скажем, .slon и от него задавать. либо воспользоваться селекторами атрибутов - [class^=slon] подробнее здесь http://htmlbook.ru/samcss/selektory-atributov 5. http://take.ms/x46I5 это все тупо лишние свойтва которые ничего не делают в данном случае. у вас просто заливка сплошным цветом, вы можете хоть растягивать фон, хоть позиционировать, хоть еще что либо - ничего не поменяется! 6. для .two заданно - background-origin: initial; background-clip: initial; это вообще что за значения? initial - таких нету просто, эти записи ничего не делают, да и вообще зачем вам тут background-origin и background-clip? далее, используйте сокращенную запись http://take.ms/8z5av превращается в background: url("../img/slonbig.png") #292929 no-repeat fixed 0 0 / cover; и не пишите свойства которые заданны по умолчанию, к примеру - background-repeat:repeat; это писать не надо, по дефолту и так стоит репит 7. http://take.ms/KAkg1 тут нужно не марджином центрировать, а задать text-align:center на .square и все будет отцентрировано. и это не очень хорошо вырезать картинку с отступами, надо резать реальные размеры http://take.ms/bsTMp 8. http://take.ms/eNrOD мне кажется что этот желтый бордер это не ховер, это фокус на инпут. так логичнее думаю хватит) надеюсь дал дельные советы

обычный параллакс скрипт. типа такого http://habrahabr.ru/post/142137/

задай диву display:inline-block

может второй блок находится внутри блока с z-index? а вообще лучше пример выложить, а то это гадание на кофейной гуще.

обернуть в div и задать если overflow:hidden

ну вам нужно сделать якорные ссылки и страница будет прокручиваться до места куда ведет ссылка http://htmlbook.ru/samhtml/yakorya ну а для подсветки вам понадобится джаваскрипт

ваш план был близок к успеху. можно попробовать так http://codepen.io/Z1gnet/pen/JklpD/

уберите фон у тега html http://prntscr.com/32111v и перенесите все теги начиная с тайтла и заканчивая подключением шрифтов и скриптов внутрь тега <head>. тег <center> уже давно никто не использует

эта статья вам должна помочь http://mainview.ru/programming/css/realistichnye-teni-pri-pomoshhi-css3-bez-ispolzovaniya-izobrazhenij

дума что если писать русскими буквами то надо так - "цсс", по типу "хтмл". ну это если впадлу раскладку переключать

именно. он подключил 3ю версию, а в примере 2.3.2. а они между собой очень сильно отличаются, к примеру классов .span1 , .span2 и тд уже нету

тут vertical-align, его нужно задать со значением top. еще можно флотнуть инпут

вы хотите сделать что бы фоновая картинка не скроллилась и была в высоту экрана? если так то background-attachment: fixed; решит все ваши проблемы

вам тут должен подойти старый дедовский метод центрирования 3мя блоками. http://codepen.io/Z1gnet/pen/JhLIw

оберните таблицу еще в один див и на него задайте overflow-x: auto; должно получится как то так http://codepen.io/Z1gnet/pen/cdDkh

по хорошему нужно использовать цмс. но если это простенький сайт из 3х страниц и контент там не будет (очень редко) меняться, то можете не заморачиваться сделать просто на html.

вот что вам нужно http://tympanus.net/Development/Slicebox/index.html ссылка для скачивания

вам нужно задать min-width на body равный ширине сайта. то есть body{min-width: 1170px;} ну я бы сказал что это не правильно делать такую ширину. мажет он хотел что бы сайт резинился хотя бы до 1000рх?

есть разные способы, но я предпочитаю имитацию таблицы. как по мне это самый оптимальный вариант. вы легко можете удалять, добавлять или изменять пункты меню. везде отлично работает начиная с ие8. не нужно никаких лишних блоков и классов, не нужен js, плюс можно выровнять текст по вертикали. там еще есть такая фишка как если вам нужно что бы кнопки были одинакового размера (это заметно когда кнопки блочные и с фоном на ховер), то нужно просто на ul задать свойство table-layout: fixed;