Jump to content

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


Softlink
 Share

Recommended Posts

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

Меню уедет.

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

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

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

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

Edited by Bonzash
Link to comment
Share on other sites

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

Меню уедет.

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

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

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

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

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

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

Link to comment
Share on other sites

Много мусора

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 зачем ставить паддинг если есть маржин, высота на загфловке бред :facepalmxd:

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

}

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

Link to comment
Share on other sites

Много мусора

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 зачем ставить паддинг если есть маржин, высота на загфловке бред :facepalmxd:

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 by Softlink
Link to comment
Share on other sites

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

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

Edited by igon
Link to comment
Share on other sites

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

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

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

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

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

Edited by Softlink
Link to comment
Share on other sites

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

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

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