Z1gnet

 

 

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

http://htmlforum.ru/index.php?showtopic=49768

 

хорошо, щас гляну))) но сразу скажу, в целом у вас все очень даже хорошо. возможно мелкие штуки

а так слайдер нормальный получился?

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

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

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

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

text-indent: -999em;

да, только главное не забыть еще 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{

}

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 мне кажется что этот желтый бордер это не ховер, это фокус на инпут. так логичнее

думаю хватит) надеюсь дал дельные советы

автор, подскажи пожалуйста как ты реализовал изменение активного пункта в #navigation при прокрутке страницы вниз

 

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

обычный параллакс скрипт. типа такого 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

не КСС а CSS. По-русски Cascading Style Sheets -- это Каскадных таблиц стилей, если уж на то пошло.

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

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

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

либо марджин, либо vertical-align

тут 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;}

Подскажите также является ли ширина колонки 1170 пикс ошибкой дизайнера?

ну я бы сказал что это не правильно делать такую ширину. мажет он хотел что бы сайт резинился хотя бы до 1000рх?

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