Jump to content

Leaderboard

Popular Content

Showing content with the highest reputation on 08/03/2014 in all areas

  1. способ через джеес 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;}
    1 point
  2. большое спасибо. почти со всем согласен кроме 5 и 6: я точно текст на передний план выдвигал. можно узнать каким браузером вы смотрели? круглые картинки сам не люблю, но дизайнер только такие предоставил http://take.ms/PBj5m нету релатива, он есть на левом блоке http://take.ms/RPYF6 по пункту 6, ладно, дизайнер "молодец", н овсе же добавте бордер-радиус на будущее.
    1 point
  3. 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.
    1 point
  4. извиняюсь, что встреваю, но вы не могли бы и мой лендинг так основательно разнести в пух и прах? http://htmlforum.ru/index.php?showtopic=49768 хорошо, щас гляну))) но сразу скажу, в целом у вас все очень даже хорошо. возможно мелкие штуки
    1 point
  5. да, только главное не забыть еще overflow:hidden прописать
    1 point
  6. 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 мне кажется что этот желтый бордер это не ховер, это фокус на инпут. так логичнее думаю хватит) надеюсь дал дельные советы
    1 point
  7. обычный параллакс скрипт. типа такого http://habrahabr.ru/post/142137/
    1 point
  8. Все работает. Поставь этому блоку background-attachment: fixedТогда будет заметен паралакс, иначе у тебя он съезжает вверх и номер телефона становится на сером фоне.
    1 point
  9. Работает: http://jsfiddle.net/7QbST/
    1 point
  10. вы серьезно? http://htmlbook.ru/css/float
    1 point
  11. Остается только float: anywhere;
    1 point
  12. float:top; float:center; Это что-то новенькое
    1 point
  13. Чем Путин не нравится?
    -1 points
  14. Float: center - Оставить, можно задать выравнивание и и по верхнему краю float: top - прием часто встречается и я знаю CSS - ну попробую.
    -1 points
  15. https://e.mail.ru/promopage/fashion#3 Сам сегодня только узнал о их существовании из оф. блога.
    -2 points
This leaderboard is set to Kiev/GMT+02:00
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy