Наверстал макет

[Bonzash]

3. Меню станет шире

Меню уедет.

4. "Если бы да ка бы" Я думаю, если есть макет, значит его заказчики подумали над тем, чтобы изображения были одинаковыми. Иначе это элементарно будет некрасиво смотреться. С текстом все понятно, что его может быть больше, может меньше, но с изображениями надо решать вопрос на берегу

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

Это называется не "решать вопрос на берегу", а плохо сверстанный сайт.

Подсказываю, пропишите блоку с фотографией фикс высоту и ширину + overflow.

Edited May 17, 2011 by Bonzash

[Softlink]

3. Меню станет шире

Меню уедет.

4. "Если бы да ка бы" Я думаю, если есть макет, значит его заказчики подумали над тем, чтобы изображения были одинаковыми. Иначе это элементарно будет некрасиво смотреться. С текстом все понятно, что его может быть больше, может меньше, но с изображениями надо решать вопрос на берегу

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

Это называется не "решать вопрос на берегу", а плохо сверстанный сайт.

Подсказываю, пропишите блоку с фотографией фикс высоту и ширину + overflow.

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

И ширина с высотой заданы блоку. Посмотрите в ксс.

[igon]

Много мусора

1. header, menu, register высота не нужна падинг сревху и снизу задать и много такого еще по коду

2. menu ul лишки лучше флотать а не дисплей инлайн в ие будут отступы разные

3. hr не нужен мусор вырезаешь репетищую часть и вешаешь на хеадер и остальные тоже самое на див вешаешь

4. bazy - h3 и span обернуть в див на него width:100% overflow:hidden и ему нижний отступ bazy-foto, bazy-info тоже обернуть флотнутые елементы должны иметь обертку запомни!!!

5. зачем ставить дисплей блок если при флоат он и так блочный тоже касается float:left; зачем туда тулить еще overflow:hidden если флоат и так дает haslayout

6. h3 зачем ставить паддинг если есть маржин, высота на загфловке бред

7. p маржины обнулить на нем только ставится маржин нижний font:size ставим только на родителя

8. картинки обернуть в див <div class="image">img</div> картинкам ставим всегда дисплей блок .image img {display:block}

9. .blog ширину мерять фактическую и ставишь паддинг правый так как не влезет на страницу на родителя ставишь ширину

<div class="blog">

<div class="image">img</div>

<div class="description">текст</div>

</div>

.blog {

width:320px;

float:left;

}

.blog .image {float:left;}

.blog .description {

overflow:hidden;

heigh:1%; для ие 6

}

и старайся ставить отступы от блоков только нижние

[Softlink]

Много мусора

1. header, menu, register высота не нужна падинг сревху и снизу задать и много такого еще по коду

2. menu ul лишки лучше флотать а не дисплей инлайн в ие будут отступы разные

3. hr не нужен мусор вырезаешь репетищую часть и вешаешь на хеадер и остальные тоже самое на див вешаешь

4. bazy - h3 и span обернуть в див на него width:100% overflow:hidden и ему нижний отступ bazy-foto, bazy-info тоже обернуть флотнутые елементы должны иметь обертку запомни!!!

5. зачем ставить дисплей блок если при флоат он и так блочный тоже касается float:left; зачем туда тулить еще overflow:hidden если флоат и так дает haslayout

6. h3 зачем ставить паддинг если есть маржин, высота на загфловке бред

7. p маржины обнулить на нем только ставится маржин нижний font:size ставим только на родителя

8. картинки обернуть в див <div class="image">img</div> картинкам ставим всегда дисплей блок .image img {display:block}

9. .blog ширину мерять фактическую и ставишь паддинг правый так как не влезет на страницу на родителя ставишь ширину

<div class="blog">

<div class="image">img</div>

<div class="description">текст</div>

</div>

.blog {

width:320px;

float:left;

}

.blog .image {float:left;}

.blog .description {

overflow:hidden;

heigh:1%; для ие 6

}

и старайся ставить отступы от блоков только нижние

столько всего написано

пока два вопроса:

почему флотнутые элементы должны иметь обертку? Можно ссылку, где это написано?

зачем плодить столько дивов

<div class="blog">
<div class="image">img</div>
<div class="description">текст</div>
</div>

, когда хватает вполне одного:

<div class="blog"><img src><a href="#">ссылка</a></div> 

Что в итоге будет? Вместо трех дивов будет 9. Это разве хорошо? Мне нравится одного участника форума выражение: "меньше кода - меньше ошибок"

В общем все сводится к тому, что почти каждый элемент надо обернуть в див.

Edited May 21, 2011 by Softlink

[igon]

верстка должна быть не под конкретный случай а гибкой если я например в блог где ссылка у тебя добавлю текст или еще что то у тебя развалится все к чертям, .gellery - убери hr и посмотри что будет у тебя это насчет обертки

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

Edited May 21, 2011 by igon

[Softlink]

верстка должна быть не под конкретный случай а гибкой если я например в блог где ссылка у тебя добавлю текст или еще что то у тебя развалится все к чертям, .gellery - убери hr и посмотри что будет у тебя это насчет обертки

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

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

Я адекватно воспринимаю критику

А по 3-му замечанию можно подробнее?

Edited May 21, 2011 by Softlink

[igon]

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

[Softlink]

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

у меня там в первой редакции был див пустой с бордером. А по поводу кроссбраузерности, то вроде везде этот hr отображается как надо.

[igon]

открой ие 7 hr ведет он себя странно =)

Edited May 21, 2011 by igon

[buddah]

По-моему кто-то ненавидит кнопки "," и "." на своей клавиатуре...