Другие языки программирования и технологии

Верстка. Пиксель в пиксель?

Обязательно ли верстать все пиксель в пиксель?
Пройдя множество уроков уже приступаю к верстке. Сверстал шапку. Засунул ее в контейнер header, а затем в positioner, а в него ul>li*6 штук.
Сейчас у меня небольшая каша в приемах верстки. Если блоки я расставлял маржинами и паддингами, то с ссылками в хедере пытался работать position: relative;. Сразу понял что не прокатит, они выпадают из общего потока. Пришлось и тут действовать маржинами. Я правильно вообще делаю?
Ну и разумеется у меня не получается пиксель в пиксель, даже измеряя расстояния линейкой в фотошопе и вбивая их в маржины - их приходится урезать, ибо после компилирования они уезжают дальше чем показала линейка в фотошопе.
Ахметжан Сарайбаев
Ахметжан Сарайбаев
322
Обязательно ли верстать все пиксель в пиксель?
Да. Иначе твоё творение будет смотреться коряво

Пройдя множество
уроков уже приступаю к верстке. Сверстал шапку. Засунул ее в контейнер
header, а затем в positioner, а в него ul>li*6 штук.
шапка с меню давно делается ul{display:table} ul>li {display:table-cell}
и всё встаёт ровно и аккуратно.

Ещё советую пользоваться фреймворками типа bootstrap или по крайней мере HTML5 reset, они сильно упрощают подгонку. В сети полно старых и вредных уроков, нужно искать современные уроки желательно не старше 2012

∎
∎
∎
АК
Антон Качесов
6 716
Лучший ответ
>>Сейчас у меня небольшая каша в приемах верстки. <<

Это не каша, а полное отсутствие понимания
а) Сути веб-вёрстки как таковой. В отличие от полиграфической, она ОБЯЗАНА быть адаптивной, какой, нах, пиксель в пиксель?
б) Структуры логической разметки
в) Блочной модели CSS

Так что, не уроками надо заниматься, а читать стандарты и спецификации. А также умные книжки, а не видеопособия смотреть.

И да, Вы, простите, в HTML и CSS чего-чего компилируете???
Виталик Бурлачка
Виталик Бурлачка
91 079
код выложи на http://jsfiddle.net/
EA
Erbolat Abilkair
12 925
Ну верстать с точностью до пикселей весьма сложно но зато потом сайт будет смотреться красиво!!
Сергей Степанов
Сергей Степанов
9 098
марджинами и паддингами растягиваешь блоки 0_о вообще-то для этого есть height и width, где height - это высота, а width - ширина. margin используют для отступов между блоками, а padding для внутренних отступов, к примеру сместить текст внутри блока
Константин Солодухин
Константин Солодухин
2 141
Значит мало ещё уроков прошёл
Андрей Старыгин
Андрей Старыгин
1 669

Похожие вопросы