Jump to content

Оцените верстку


undina
 Share

Recommended Posts

Очень хочется конструктивной критики работы. На что обратить внимание?

вот ссылка http://undina.aiq.ru/Page-3.html

Макет брала отсюда http://forum.htmlbook.ru/index.php?showtopic=16763

Пример верстки в той теме специально не смотрела, хотела найти свое решение.

Спасибо за внимание, с наступающим Новым Годом :)

Link to comment
Share on other sites

Как обычно, отмечу привязку стилей к id у нескольких элементов. Я вместе с огромной армией других программистов категорически против этого. Стиль нужно назначать через класс.

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

Edited by ZI DAN
Link to comment
Share on other sites

Как обычно, отмечу привязку стилей к id у нескольких элементов. Я вместе с огромной армией других программистов категорически против этого. Стиль нужно назначать через класс.

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

Спасибо :)

Фуух, я думала, ругать будут в жестких выражениях :)

Насчет привязки стилей к id, я использовала готовый шаблон с сайта, ничего менять не стала.

В будущем лучше использовать классы?

Link to comment
Share on other sites

Заголовки в левой колонке съехали чуть вправо, верхнее меню, наоборот, влево.

Transitional в наше время как-то не канает, надо на Strict переходить.

Таблица зачем? По сути данные не табличные, это список скорее, логичнее выводить его иначе.

Насчет классов и id, на форуме идет активное обсуждение, что лучше и почему использовать. Так что торопиться переделывать не надо, сторонников (и противников) того и другого подхода хватает.

Link to comment
Share on other sites

Заголовки в левой колонке съехали чуть вправо, верхнее меню, наоборот, влево.

Спасибо, завтра исправлю

Transitional в наше время как-то не канает, надо на Strict переходить.

Пойду гуглить, спасибо, об этом даже не задумывалась

Таблица зачем? По сути данные не табличные, это список скорее, логичнее выводить его иначе.

Надо же, я увидела здесь именно таблицу (заодно и таблицы повторила). Списком сделать еще легче :)

Link to comment
Share on other sites

#053B6B -moz-use-text-color #1173B0

Не знаю что это, но мне это понравилось =)

Странно, у меня края синих плашек не совпадают с краями белого фона, это только у меня или только на убунту?

s_1293734431_7c618c15fe.png

Edited by deadrash
Link to comment
Share on other sites

Не знаю что это, но мне это понравилось =)

Ой, где вы такую красоту нашли? :) Какой-то глюк, в коде в упор не вижу :)

В каком браузере непорядок? Делалось в Хроме, проверялось в Опере, Сафари, Лисе, ИЕ (частично тестером)

Link to comment
Share on other sites

Насчет классов и id, на форуме идет активное обсуждение, что лучше и почему использовать

Хотел освежить в памяти аргументы "тёмной стороны", но потерял тему с обсуждением этой проблемы. Ссылочки не будет? :)

Link to comment
Share on other sites

Ой, где вы такую красоту нашли? :) Какой-то глюк, в коде в упор не вижу :)
Это на форме поиска очень красивый бордер, сразу в глаза бросилось.
В каком браузере непорядок? Делалось в Хроме, проверялось в Опере, Сафари, Лисе, ИЕ (частично тестером)
Под убунтой Лиса. убунту 10.10, лиса 3.6.13
Link to comment
Share on other sites

Очень хочется конструктивной критики работы. На что обратить внимание?

вот ссылка http://undina.aiq.ru/Page-3.html

Макет брала отсюда http://forum.htmlbook.ru/index.php?showtopic=16763

Пример верстки в той теме специально не смотрела, хотела найти свое решение.

Спасибо за внимание, с наступающим Новым Годом :)

1. размер шрифта текстов очень мелкий

2. <li><a href="#"> Services</a></li>

<li><a href="#">Support </a></li>

<li><a href="#">Careers </a></li>

<li><a href="#"> About </a></li>

Почему здесь различное кол-во пробелов?

3. в css файле все неаккуратно налеплено. добавьте табуляцию, разделяйте описания строкой, не лепите } в той же строке где был текст стиля

ужасно:

h3 span {

color: #a20000;}

отлично:

h3 span

{

color: #a20000;

}

избавьтесь от лишних пробелов:

#header .menu li.Search { - в оригинале тут лишние пробелы, но на форуме они не отображены

выдерживайте общий единый стиль в css файле

color: #FFFFFF; - в uppercase, хотя повсюду lowercase

Edited by Juster
Link to comment
Share on other sites

  • 2 weeks later...

Исправила съехавшие заголовки, привела в порядок структуру файла css.

Что касается размера шрифтов, извините, как в макете. Возможно, было бы логичнее использовать em.

Огромное спасибо за критику

Edited by undina
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