Z1gnet

ну тут два варианта добавляем к main класс clearfix и прописываем ему.clearfix:after{ content: ''; clear: both; display: block;}либо прописываем #main{overflow: hidden;} ,но тогда все что не влазит будет обрезаться - тени всякие или элементы которые вытянуты за пределы #main

у вас пути неправильные. url('../fonts') - неверно. надо без двоеточия и слэша, так правильно - url('fonts')

ну вообще надо бы обернуть в див, но если уж такие проблемы есть, то можно костыльнуть. дайте слогану нижний margin пикселей 10. правда это хреновое решение (если поменяется количество строк в .head-contact все развалится)

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

ну задайте верхний паддинг больше чем нижний

ну вот набросал. http://codepen.io/Z1gnet/pen/osyBn класс two заменяет на класс third и наоборот. и необходимо подключить библиотеку jquery (если она не подключена).

ребята, я работал в этой фирме. офисы находится в Харькове и в Пакистане. никаких программ там нету, все делается руками. там сидит огромный штат верстальщиков которые педалят как на конвейере.

а почему вы практически не используете классы? section a:first-childб section a:last-child - ну это не серьезно. вставляем ссылки в текст получаем чудо эффект http://take.ms/h9u1V ну и нельзя задавать стили просто на теги. вы глобально задаете стили на header, section, main, article, footer - это очень плохо. тегов header и footer легко может быть несколько на странице, про section, main, article я вообще молчу. у вас уже начал валится сайт когда я вставил две ссылки при том что тут одна малюсенькая страничка, что же будет когда будет большой сайт? обязательно задавайте классы! не бойтесь их, хотя нужно тоже меру знать. с другой стороны если взять любой фреймворк типа бустрапа - так просто миллион классов, и ничего, никто не умер. в вашем случае будет достаточно просто сюда http://take.ms/7Lpbl класс, к примеру, .btn-more или .link-more. идем дальше http://take.ms/K9azt если вставить картинку большего размера то сайт повалился (обязательно кто-то влепит такую картинку, даже не сомневайтесь). тут я как бы поступил http://codepen.io/Z1gnet/pen/dgxIs ну и эта конструкция меня напрягает http://take.ms/6LJat . во первых не хорошо логотип в H1 сувать, а во вторых, опять же, давайте классы или айдишники. было бы просто .logo span.

есть там треугольник))) вы наверное его задали на див, а вы задайте его на td

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

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

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

либо можно использовать fancybox http://fancyapps.com/fancybox/

ну не знаю на сколько вам это покажется извращением, но мне кажется вариант вполне приемлемый http://codepen.io/Z1gnet/pen/HhzkC либо скрипты нужны...

задайте ссылке позиционирование и поднимите ее по z-index. вот так: .header-nav-fl{ position: relative; z-index: 2;}

http://cssdeck.com/labs/ruczqkhb

способ через джеес var $counter = jQuery('.list>li').length;jQuery('.list').addClass('item'+$counter+'');но можно и без скриптов через табличные свойства. будет как-то так .list{ display: table; width: 100%; table-layout: fixed;}.list li{ display: table-cell; text-align: center;}.list li div{ display: inline-block; vertical-align: top;}

код смотрите ровнее все, картинка полностью влазит

а можно скрин увидеть того что вы делаете?

Принципа никакого, просто хотелось избавиться от этого артефакта либо я чего-то не понимаю... ладно, вот вам файл с примером. там ничего не дергается http://rghost.ru/57252452

большое спасибо. почти со всем согласен кроме 5 и 6: я точно текст на передний план выдвигал. можно узнать каким браузером вы смотрели? круглые картинки сам не люблю, но дизайнер только такие предоставил http://take.ms/PBj5m нету релатива, он есть на левом блоке http://take.ms/RPYF6 по пункту 6, ладно, дизайнер "молодец", н овсе же добавте бордер-радиус на будущее.

ну можно конечно скриптами попробовать... а можете подробнее описать задачу?

тогда я не понимаю в чем проблема. чем вас не устраивает мой вариант? можно подробнее? или вам position: fixed принципиально не нравится?))) или есть причины по которым вы не хотите его использовать?

http://cssdeck.com/labs/h9pfkefv так лучше

1. http://take.ms/pvicD коллаж я бы пересохранил вот так. 2. я так понимаю что сайт все же кто-то захочет на мобилке открыть. поэтому пропишите метатеги в html, и в css обнуление для iOs body{ -ms-text-size-adjust: none; -webkit-text-size-adjust:none;}input[type=text], input[type=submit], input[type=button], input[type=password], input[type=file], textarea{-webkit-appearance:none;}3. с шариками все можно сделать гораздо проще и без скриптов: для .baloon поставить left:50%, и марджином уже вытянуть шарики на нужную позицию, левые шарики отрицательным марджином, правый - положительным. то есть они будут плясать от центра. 4. зачем для поворота социалок юзать скрипты? достаточно :hover и transition 5. .blik накрыл .footer_right - нельзя текст выделить. нужно поднять по z-index 6. http://take.ms/D7SpG как по мне такие картинки должны быть квадратными, а круглыми их делать надо с помощью css. клиент когда будет менять картинку вряд ли будет ее в фотошопе обрабатывать. 7. в ие вот такая хрень http://take.ms/DKRBs нужно прописать на текстарею overflow:auto; 8. .now_inner .form .button надо на фон no-repeat поставить 9. на элементы которым задано display: inline-block; почти всегда надо прописывать vertical-align:top; (убирает нижний отступ который частенько появляется) 9. и хедер на фикседе тоже не скроллится по горизонтали, что не совсем хорошо. можно воспользоваться вот таким решением http://htmlforum.ru/index.php?showtopic=46607&p=311069 ну а так в целом все хорошо p.s. я бы оценил работу часов в 6.