Bonzash Posted May 17, 2011 Report Share Posted May 17, 2011 (edited) 3. Меню станет шире Меню уедет.4. "Если бы да ка бы" Я думаю, если есть макет, значит его заказчики подумали над тем, чтобы изображения были одинаковыми. Иначе это элементарно будет некрасиво смотреться. С текстом все понятно, что его может быть больше, может меньше, но с изображениями надо решать вопрос на берегу Когда Вы будете отдавать верстку программистам, они запрограммируют. После этого какой-нибудь менеджер начнет добавлять фотографии базы отдыха размером 1000 х 1000, что станет с версткой?Это называется не "решать вопрос на берегу", а плохо сверстанный сайт. Подсказываю, пропишите блоку с фотографией фикс высоту и ширину + overflow. Edited May 17, 2011 by Bonzash Quote Link to comment Share on other sites More sharing options...
Softlink Posted May 17, 2011 Author Report Share Posted May 17, 2011 3. Меню станет шире Меню уедет.4. "Если бы да ка бы" Я думаю, если есть макет, значит его заказчики подумали над тем, чтобы изображения были одинаковыми. Иначе это элементарно будет некрасиво смотреться. С текстом все понятно, что его может быть больше, может меньше, но с изображениями надо решать вопрос на берегу Когда Вы будете отдавать верстку программистам, они запрограммируют. После этого какой-нибудь менеджер начнет добавлять фотографии базы отдыха размером 1000 х 1000, что станет с версткой?Это называется не "решать вопрос на берегу", а плохо сверстанный сайт. Подсказываю, пропишите блоку с фотографией фикс высоту и ширину + overflow.ех, все вам доказывать надо. Смотрите. Ничего не добавил в коде и ксс, но поставил еще по одному пункту меню И ширина с высотой заданы блоку. Посмотрите в ксс. Quote Link to comment Share on other sites More sharing options...
igon Posted May 21, 2011 Report Share Posted May 21, 2011 Много мусора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 если флоат и так дает haslayout6. 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}и старайся ставить отступы от блоков только нижние Quote Link to comment Share on other sites More sharing options...
Softlink Posted May 21, 2011 Author Report Share Posted May 21, 2011 (edited) Много мусора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 если флоат и так дает haslayout6. 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 Quote Link to comment Share on other sites More sharing options...
igon Posted May 21, 2011 Report Share Posted May 21, 2011 (edited) верстка должна быть не под конкретный случай а гибкой если я например в блог где ссылка у тебя добавлю текст или еще что то у тебя развалится все к чертям, .gellery - убери hr и посмотри что будет у тебя это насчет обертки я ни кого не хочу обидеть, сам был новичком просто учись верстать правильно, говнокодеров хватает Edited May 21, 2011 by igon Quote Link to comment Share on other sites More sharing options...
Softlink Posted May 21, 2011 Author Report Share Posted May 21, 2011 (edited) верстка должна быть не под конкретный случай а гибкой если я например в блог где ссылка у тебя добавлю текст или еще что то у тебя развалится все к чертям, .gellery - убери hr и посмотри что будет у тебя это насчет обертки я ни кого не хочу обидеть, сам был новичком просто учись верстать правильно, говнокодеров хватаетпо поводу обернуть заголовки со спаном соглашусь, а вот блоги никуда не развалятся. Хоть 20 строчек туда затолкать.Я адекватно воспринимаю критику А по 3-му замечанию можно подробнее? Edited May 21, 2011 by Softlink Quote Link to comment Share on other sites More sharing options...
igon Posted May 21, 2011 Report Share Posted May 21, 2011 hr не семантичен и не кроссбраузерный, лучше всякие буллеты бордеры делать картинкой если даже они похожи по дизайну Quote Link to comment Share on other sites More sharing options...
Softlink Posted May 21, 2011 Author Report Share Posted May 21, 2011 hr не семантичен и не кроссбраузерный, лучше всякие буллеты бордеры делать картинкой если даже они похожи по дизайнуу меня там в первой редакции был див пустой с бордером. А по поводу кроссбраузерности, то вроде везде этот hr отображается как надо. Quote Link to comment Share on other sites More sharing options...
igon Posted May 21, 2011 Report Share Posted May 21, 2011 (edited) открой ие 7 hr ведет он себя странно =) Edited May 21, 2011 by igon Quote Link to comment Share on other sites More sharing options...
buddah Posted May 21, 2011 Report Share Posted May 21, 2011 По-моему кто-то ненавидит кнопки "," и "." на своей клавиатуре... Quote Link to comment Share on other sites More sharing options...
Recommended Posts
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.