Помощник
|
Прошу помочь с DIV`ной версткой макета |
igorlesnoj
|
Сообщение
#1
|
||
|
|
||
|
|||
klenovnn |
28.2.2010, 12:01;
Ответить: klenovnn
Сообщение
#2
|
|
Где это у тебя все работает покажи и свяжись, сразу исправим. А так сидеть читать твой код, все равно что решение сейчас тебе на блокноте написать и отсканировать ~ много времени займет и ни чего не поймешь пока не попробуешь.
|
|
|
igorlesnoj
|
Сообщение
#3
|
|
Меня как раз и интересует пошаговая проверка, где я сбиваюсь, где начинаю допускать ошибки. Я просто не могу понять логику верстки дивами. На первый взгляд правила просты и их не много, но на деле все обстоит иначе. В принципе с задачами я справляюсь всегда но мне не нравится моя методология а вернее ее отсутствие.
Что же думаю вы правы действительно в том что я написал разбираться тяжело. Тогда выложу ссылку когда переведу проект в онлайн. |
|
|
sikwel_hb |
28.2.2010, 19:08;
Ответить: sikwel_hb
Сообщение
#4
|
|
уважаемый, igorlesnoj, ваша картинка очень смахивает на макет под верстку при помощи какого-то фреймворка, grid940 либо blueprint (погуглите если интересно) но я бы не советовал начинать учиться верстать макеты на основе слоев используя фреймворки.
Фреймворки это своего рода "кирпичи" или я бы даже сказал "шлакоблоки" :) для сооружения каких-то монолитных и неизменных макетов по заранее заданной сетке. Своего рода конструктор для тех кто не умеет и не хочет учиться верстать. Очень не рекомендую. А по поводу того, с чего начать изучать верстку макетов на основе слоев а не таблиц, я ответил в этом сообщении http://www.html.by/showpost.php?p=57871&postcount=3 , успехов Вам;) зы. кстати, я бы не сказал что "все просто")) если вы раньше верстали таблицами и хотите перейти на слои, вы столкнетесь с ОГРОМНЫМ количеством нюансов верстки под разные браузеры в основном можете уже догадаться под какие "всемизвестныебраузеры")), матерных слов будет произнесено не мало, пока овладеете более менее всеми браузерами) |
|
|
igorlesnoj
|
Сообщение
#5
|
|
Моя картинка это обычный принтскрин из Microsoft Office Excel который я давно счел удобным использовать для визуального представления структуры сайтов.
Про ОГРОМНОЕ количество ньюансов я в курсе, но их я и отношу именно к ньюансам, правил же позиционирования в css не так много. У меня мало опыта но я взял для себя правило: вначале делаю основной каркас по всем правилам и стандартам а дырки (ньюансы) латаю после. Так вот еще на шаге с "каркасом" у меня возникают сложности к примеру до сих пор так и не могу полностью понять логику float. Вот вы мне можете ответить на вопрос №2 который я задавал в теме http://www.html.by/showthread.php?t=7089 и где про это вообще пишут? Я был бы очень признателен если бы вы подсказали мне проверенную методологию step2step которой можно пользоваться при верстке. На практике же еще раз повторюсь я справляюсь с поставленными задачами, но меня интересует грамотность и чистота верски, когда оправдано применение тех или иных методов к примеру когда в дивах можно и нужно использовать таблицы и т.п. Я смотрю на чужие решения тех или иных задач и они могут отличаться от моих и содержать некоторые селекторы значения которых в данном контексте я просто не понимаю и это все не смотря на то и те и другие в итоге как мне кажется работают одинаково. Возможно я придумал и строгих правил не существует? Однажды мне один товарищ сказал что это так и что главное это чтобы в браузере все выглядело так как надо. |
|
|
klenovnn |
1.3.2010, 12:00;
Ответить: klenovnn
Сообщение
#6
|
|
|
igorlesnoj, смотри принцип:
Если имеется по горизонтали два дива и у первого float:left, то второй автоматически прижимается к нему с правой стороны на его уровне ~ чтобы этого избежать требуется прописать clear:both для второго. Если оба имеют float:left, float:right тогда следующий див встанет нормально ниже (если не содержит float, если содержит, снова указывает clear:both;) К примеру первые три блока в твоем случае можно сделать так: <div id="header"> <div id="1" style="float:left;">1</div> <div id="2" style="float:right;">2</div> <div id="3" style="float:right; clear:both; margin-top:10px">3</div> </div>
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Моя div-ная верстка соответствует ли стандартам Хотелось бы конструктивной критики |
10 | muratastana | 1545 | 14.1.2023, 1:16 автор: xweb |
|
Нужна помочь с переносом сайта | 3 | karambas | 2301 | 2.1.2023, 5:11 автор: kuz999 |
|
Годный дизайн с последующей версткой 2.0 | 9 | pronlex | 8899 | 24.7.2022, 23:15 автор: pronlex |
|
Верстка и внедрение на сайт макета главной страницы Требуется: с Figma на Laravel |
2 | ARsHi | 1650 | 27.3.2021, 0:57 автор: Ogaelath |
|
Нужен дизайн с версткой для сайта Недорого |
1 | tygrytsa | 2973 | 21.8.2019, 13:11 автор: Димон98 |
Текстовая версия | Сейчас: 29.3.2024, 2:19 |