Jump to content

оцените пожалуйста верстку!


olechic
 Share

Recommended Posts

сделал тестовое задание для jumior-HTML верстальщик, по заданию я выполнил не все пункты(это не обязательно) подскажите пожалуйста, что нужно или можно исправить. вот страница http://tuut.16mb.com/DB/ вот макет http://itmages.ru/image/view/596491/c75009aa

вот таск:

1. Макет резиновый. Максимальная ширина – 1280px, минимальная – 1024 (при разрешении 1024px не должно быть горизонтального скроллбара )

2. Меню в шапке всегда тянется на всю ширину.

3. Слайды должны переключаться автоматически и по нажатию на кнопки пагинации.

4. Слайдер резиновый. При малом разрешении зарезается справа.

5. Заголовок в контенте написан нестандартным шрифтом ..

6. Нажатие на кнопку «Вход для пловцов» открывает попап с формой.

7. Кнопки формы имеют 4 состояния: по умолчанию, блокированное, наведение, нажатие.

8. В форме поиска нужно предусмотреть состояние получения фокуса (текст по умолчанию исчезает, введенный текст становится более контрастным)

9. Элементы хроники не имеют отступ слева и справа.

10. Изображение в хронике является частью ссылки.

Edited by olechic
Link to comment
Share on other sites

Макет резиновый. Максимальная ширина – 1280px, минимальная – 1024 (при разрешении 1024px не должно быть горизонтального скроллбара )

Во- первых: а кто будет учитывать элементы оформления окна браузера и вертикальную полосу прокрутки? При min-width:1024 будет горизонтальный скролбар.

Во-вторых: а это что?

#footer {
min-width: 1023px;
padding-left: 4%;
padding-right: 4%;
}

1023px + 4% +4%

В итоге скроллбар пропадает где-то на 1090px

Link to comment
Share on other sites

  1. Выбран стандарт html5. Но я не вижу использования html5 тегов, только div. Поясните.
  2. Всегда проверяйте валидатором верстку перед коммитом http://validator.w3.org/check?uri=http%3A%2F%2Ftuut.16mb.com%2FDB%2F%23&charset=%28detect+automatically%29&doctype=Inline&group=0
  3. Проблема выравнивания блоков https://skitch.com/silentimp/e895j/test-fot-db
  4. Проблема выравнивания блоков https://skitch.com/silentimp/e8954/test-fot-db
  5. Картинки кнопки положить в спрайт. При клике происходит задержка, пока подгружается новое состояние кнопки.
  6. Дефис не тождественнен тире. — если нормально не можешь поставить. https://skitch.com/silentimp/e89h8/itmages
  7. Это [тут были мрак-кишки-калл-расчлененка-деменция и шедевры обсценной лексики которую бессовестно вырезал бука-модератор непонятно с какого перепугу]:

    <div id="h1">
    <h1>Спасение утопающих-дело самих утопающих*</h1>
    </div>


    Зачем обертка?

  8. Почему ты используешь id для обращения из css? Используй класссы. id для другого.
  9. Наблюдаю картинку. Слайдера не наблюдаю. https://skitch.com/silentimp/e897s/test-fot-db
  10. за margin: auto !important; — бить по руками. !important детям не игрушка.

Edited by SilentImp
А вот матом здесь не стоит ругаться.
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • 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