Можно ли за такую верстку брать деньги? :)

Ткач, спасибо.

В картинке отступы случайно получились или body { margin: 10px } таки не хватает?

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

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

Случайно :)

impa, вы правы. Постараюсь быть более внимательным.

Привет :)

Я поработал над шаблоном и исправил следующие ошибки:

1. Корявое меню --> маркеры стали фоном для li.

2. Полное сжатие страницы --> добавлен min-width, а также трюк для IE6 ;)

3. Избыточность в CSS атрибутах --> убрано.

4. CSS-атрибуты в разброс --> добавлен определенный порядок.

5. Неправильный левый отступ для меню --> теперь соответствует макету :)

6. Обтекание новостей --> 2 полноценные колонки.

Даю повторную ссылку на шаблон: результат

Верстка была проверена в браузерах: IE6, IE7, Firefox 2, Firefox 3, Opera 9.2, Opera 9.51, Safari 3.1.2.

Стили оставил в основном документе, чтобы их можно было видеть для оценки верстки!

Буду рад любым комментариям.

кстати по первому замечанию на 50% беру свои слова обратно :) поскольку тут конечно дело барское.. но суть в отсутствии font-size, у меня в IE шрифт на "Самый крупный" стоял - поэтому стр. немного покозявила и она естественно отличалась от оперы и ff

вот сейчас по этому макету.. исбыточность все таки осталась :)

<div id="navigation_bar">
<ul class="navigation">

зачем class="navigation"?

#navigation_bar UL <--- вот так же можно :)

<div id="min_width_container">
<!-- header -->
<div id="header">

тоже залипон.. все в один class (кстати зачем селекторы используешь? IMXO ненужны они там)

<div id="search_bar">
<form action="#" method="post">
<p class="search">

опять :) ну зачем нужен class="search"

#search_bar P {} <-- так же лучше)

дальше смотреть не буду.. думаю мысль понял)

P.S. есть пару замечаний ещё.. лого не ссылкой и сами ссылки на стр. неактивны (TEXT-DECORATION)

А говорите убрали :) Все равно есть лишние вещи. А также межстрочный интервал страдает.. вы не задаете параметр line-height

так вот 16 пикселей - это как раз межстрочный интервал... опять для примера.

Далее по ХТМЛ коду..

Я давно уже не верстаю, но скажу одно. Семантически ваша верстка не правильная в некоторых местах. К примеру, этот кусок кода (список новостей)

Так вот, br там нафиг не нужен, достаточно написать в свойствах CSS

Так же, семантически правильнее будет текст внутри <li> обернуть в тег <p>

Еще, футер нуна прибить к низу и.... Раз уж там есть ссылка на внешний ресурс - правильно бы добавить к ней атрибут target="_blank"

Ну и на счет того, что Текст лого и слогана это параграф - спорная вещь, но тут на любителя, с этим спорить не буду :)

ПС. Все мое ИМХО, основанное на личном опыте при работе с версткой, а верстал я и довольно крупные и серьезные проекты.

неправильно :) у него доктайп: XHTML 1.0 Strict

:) Оверфлоу - это, конечно, хорошо, но что делать, если пользователю не нужно, чтобы его таблица или кратинка обрезалась на полуслове?

А вообще, возвращаясь к вопросу, заявленному в топике, за некий сайтик девочка (взрослая!) взяла штуку евро 🙄, а вы тут ТС-у о какой-та избыточности кода говорите)).

Без проблем :)

он есть только в процентах.

подчистил (в разумных пределах, конечно)

а это нет! min_width_container нужен для установки минимальной ширины в IE 6.

Зачем ссылка с главной страницы на главную? ;)

да, text-decoration: none, но ведь и в исходном дизайне подчеркивания не наблюдается, хотя лично мне это не по душе. Но кто ж меня будет спрашивать :)

СиДжей, большое спасибо.

это и подобные вычистил.

Перестал страдать 😆

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

Исправил во всех местах.

А по-моему не надо.

А СиДжей прав!

Большое спасибо за подробный анализ!

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

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

Евгения, я помню о той проблеме, на которую вы мне указали.

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

Вот.......... сам пробовал решить проблему, искал в инете, спрашивал на другом форуме.........

Короче, без успехов :)

Если вам несложно, объясните, как это делается, плиз. ;)