Jump to content

Просто верстка


runet
 Share

Recommended Posts

Вобщем ничё.

Градиент полосатый (поиграйтесь в фотошопе)

доктайп <!DOCTYPE html> - незаметил ни одного элемента специфичного для него, могли б вместо некоторых дивов использовать нечто более семантичное.

(на валидность и кроссбраузерность не проверял)

Link to comment
Share on other sites

Вобщем ничё.

Градиент полосатый (поиграйтесь в фотошопе)

доктайп <!DOCTYPE html> - незаметил ни одного элемента специфичного для него, могли б вместо некоторых дивов использовать нечто более семантичное.

(на валидность и кроссбраузерность не проверял)

По поводу градиента знаю. Но такой он в макете. Хотя можно было мне и привести в норму.

По поводу DOCTYPE, а разве обязательно использовать элементы html5?

Edited by runet
Link to comment
Share on other sites

По верстке замечаний нет. Все вроде бы супер. Вот только <h3>Search</h3> можно бы заменить на <label>.

Ах да, и у инпута нет атрибута name, как же данные на сервер полетят?

В ИЕ7 и ИЕ8 не работает зебра у таблицы. Мега-CSS - это конечно круто, но все-таки непорадочек. Скриптик можно было б и написать.

Картинки пережаты абсолютно все. Незачет. Градиент вообще отвратителен.

Link to comment
Share on other sites

По поводу DOCTYPE, а разве обязательно использовать элементы html5?

Не обязательно, семантика она не обязательна, но желательна. Нужнож оттачивать мастерство, когда в остальном всё впорядке можно и этим заморочится.

Link to comment
Share on other sites

По верстке замечаний нет. Все вроде бы супер. Вот только <h3>Search</h3> можно бы заменить на <label>.

Ах да, и у инпута нет атрибута name, как же данные на сервер полетят?

В ИЕ7 и ИЕ8 не работает зебра у таблицы. Мега-CSS - это конечно круто, но все-таки непорадочек. Скриптик можно было б и написать.

Картинки пережаты абсолютно все. Незачет. Градиент вообще отвратителен.

Ага понял, ща исправлю. По поводу css, понял о чем Вы. А вот про скрипт не очень.

P.S. Скрипт который сжимает css на стороне сервера и отдает его пользователю?

Edited by runet
Link to comment
Share on other sites

Есть вариант не использовать таблицу, а использовать списки, тогда все работает.

Оно и так все работает. Просто ребята имели ввиду что я использовал свойства nth-child, а он не работает в IE.

Edited by runet
Link to comment
Share on other sites

runet, а экспрешн работает как раз в ИЕ.

Так что SelenIT рекомендует самый оптимальный вариант.

Если браузер нормальный, то и css отработает. А если он не поддерживает css в должной мере — ну и что? У него зато свои достоинства.

А вообще, на замечания о том, что что-то не работает в ИЕ, правильный ответ: graceful degradation.

Link to comment
Share on other sites

По ходу дела, не самый оптимальный. В стандартном режиме IE8 экспрешны уже не работают, а nth-child — еще не. А сбрасывать ради одной полосатости IE8 в режим IE7... ну, не знаю :)

Хорошо хоть behavior-ы работают (даже в IE9)...

  • Like 1
Link to comment
Share on other sites

кстати, о расширении кругозора…

а вот не знала я, что не работают экспрешны в ие8.

Тогда оптимальный вариант — это аккуратненько подзабить на полосатость таблиц в устаревших ие.

В конце концов, это не мешает восприятию информации.

На практике это в большинстве случаев допустимый подход.

  • Like 1
Link to comment
Share on other sites

  • 2 weeks later...

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