advokatua

Как вариант, лично я помню один случай, когда display: block необходим для абсолют. и прочего такого позиционирования, - когда блок прежде был display: none; Т.е. всем известные выпадающие списки и меню вместе с ними, и прочее подобное. Учитывая, что все видели эти реализации, то может возникнуть ощущение, что так и должно быть когда и float и display: block пишутся под один селектор.

бывают ситуации когда position меняется динамически, и дабы не запариваться с лишним свойством, прописывают display:block. Было бы здорово если поделились примером такой ситуации. Лично я пока вижу это как-то так:

Непонятно, зачем было делать попытку резины, если сам макет этого не предполагал изначально. Причем из-за этой попытки некоторые части выглядят криво.

Плохо, что буквально никто не пытается сначала сам подумать, а потом уточнять, я ведь даже выделил, что не так. 1) Зачем строке ставить спан и затем блочить ее, когда можно поставить параграф и не писать лишнее правило "display:block;" ? 2) Абсолют почти всегда перекрывает все остальные виды позиционирования. В твоем случае правило display: inline-block; ничего не делает. 3) лишняя обертка дивом у .social (как и с лого), которая флоатится вправо. Затем каждый элемент li флоатится влево, когда проще это сделать через инлайн-блок. Причем после первого флоата поток остался не очищенным, из-за чего у UL нулевая высота. В добавок в ".social li a" запилен display:block, который там вообще ничего не делает. Также в Хроме, вместо 4 соц. иконок, видно только 2 (по крайней мере у меня), а в ФФ все ок. Речь идет про этот кусок: <div class="social"> <ul> <li><a href="#" class="twitter"><i></i></a></li> <li><a href="#" class="facebook"><i></i></a></li> <li><a href="#" class="linkedin"><i></i></a></li> <li><a href="#" class="google"><i></i></a></li> </ul> </div>

.rightSidebar_block .popular_comment h2 a.more_title {....rightSidebar_block .popular_comment h2 a.more_title:hover {....rightSidebar_block .popular_comment ul li p a{ // 6-уровневый каскад, omg 0_o+ В ие9 кака с меню. + непонятная работа с флоатом. Узреть можно на примере соц. иконок Со всем выше и учетом, что автор считерил (не выложил картинку макета) - "садись, два, дневник на стол." ) Это если ты хотел критики. Если же нет, то вполне хорошо, особенно если забить на нагромождения каскадов и то что мы не видели макета. ) Сложно это назвать косяком, особенно когда такие же пустые блоки видишь у студий, которым платят тонны тон зелени.

Естественно валится. Поставь фиксированную ширину на обертку и не будет валиться. ЗЫ Хотя до такого зума где она начинает валится все равно никто не дойдет.

Сколько людей столько и мнений. Отзыв с сайта http://www.books.ru/books/javascript-podrobnoe-rukovodstvo-6-e-izdanie-1814274/ "Это единственная книга по JavaScript, которую можно назвать учебником по языку. Все другие книги, притендующие на звание "учебник" - хлам." Кому-то справочник, кому-то учебник, а кому-то вместо канделябра, дабы по голове бить всяких мудаков ) Сам прочитал меньше половины и в основном подача материала 60 на 40, больше справочная.

А в чем практический смысл?

По ссылке нужно было кликнуть, и внимательно посмотреть ) background: url(../img/content-bg.png) no-repeat;

Аналогичная жесть была. Работал в свое время в службе поддержки, там график можно было составить почти как угодно, на другой работе вряд ли бы на такое пошли, ведь кому нужен верстальщик в ночную смену, или тип того ) Еще и от курса зависит. Все умные чуваки у нас со 2-ого и с 3-его курса уже работали и забивали на пары, а когда приходило время сдавать - приходили и сдавали. За пропуски наезжали лишь на избранных, что удивительно.

Можно по-подробнее, в каком смысле не жалею? Купив на выпускной костюм, и одев его лишь 1 раз я тоже не жалею, но вы ведь понимаете )

Так я не говорю, что ему нужно заниматься какой-то ерундой целый год. Первое время в любом случае так и будет, а если позже сможет себя зарекомендовать и покажет нормальные навыки, то останется только поговорить с ПМом, если только он его раньше не заметит. А там уже переведут на что-то более занятное и толковое. Если не переведут, тогда нужно реально смотреть на свои навыки, и если окажется, что ПМ мудак, то тогда уже думать об отчаливании.

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

А причина, если не секрет какая? Чисто в большем интересе к php? Странная контора. Первый раз слышу чтобы на должность программера никакого интересного вопроса не задали Может ты им показал, что-то интересное из-за чего у них все вопросы отпали или не?

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

Согласен, фишка своя есть, но ее применение возможно будет оправдано в несколько иной отрасли/области веба. В какой-нибудь области где среднего юзера такая головоломка и такая игра текста будет развлекать, а не напрягать. ) С блоком, да, вариант, но далеко не лаконичный. Ждем, может кто-то выдаст что-то по части высшего Дао )

Похоже http://jsbin.com/IyiZesIK/2/ ? Не зная высоты любого из блоков, как-то сразу и не выдать лаконичного решения.

Какому посетителю, и кому он запомнится? )) Вы сначала спросите себя, - "кто такой этот посетитель и что он вообще делает на сайте по продаже самосвалов?". Бизнес сегмент это бизнес сегмент. Свистелки-перделки не имеют и никогда не имели к этому сектору никакого отношения. Клиент такого сайта это скорее всего мужик 40-55 лет, с дальнозоркостью, больной спиной, и головной болью от предстоящего тендера на закупку техники, ну или что-то среднее между этим. Любой напряг извилины, дабы добраться до нужной ему цели, будет только отдалять его руку от телефона. В лучшем случае он наберет своего сисадмина и скажет этому головастому, бородатому Хоттабычу нарыть ему нормальный каталог, т.к. сам он нихрена не может понять где тут и что. Я такой вариант даже за вариант не посчитал, потому как это не вариант )) (по крайней мере, пока не нашли другие варианты) Настоящий верстальщик прежде всего должен разбираться в юзабилити(в какой-то степени) и уметь общаться с дизайнером. Объясняя этому укуренному фантазеру , что нельзя вешать гирлянды с клоунами на сайт похоронного бюро или морга. )

На вид может показаться ок, но внутри далеко не ок. Плохо. Особенно тут: background: url(../img/content-bg.png) no-repeat; width: 700px; min-height: 754px; font-size: 11px; float: right;

"Автоэкакуаторы" - смешно блин ) В чем разница между двумя пунктами "Пожарные машины", но с разными иконками? ) Дизайн - дикая жесть, страшный сон верстальщика и еще более страшный сон его посетителя. Дизайнер (если его можно так назвать) 100% до этого рисовал пол жизни какие-то квадратики или второсортные логотипы, а затем решил пойти в вебдизайн и начал вот такое лупить, не прочитав при этом ни одной книги о юзабилити. )) Самый крутяк это блок "Адреса пунктов обслуживания". Это просто усраться, простите, офигеть какая муть всевышняя. Я даже не знаю как ему такое в голову пришло налепить ) Взгляните на этот блок и попробуйте придумать как вы его сверстаете, если бы была такая задача. Особенно прикольно выглядит то, что в 1-ом пункте 2-ая строка идет впереди цифры пункта, а после 7-ого вторая строка уже за цифрой. Собственно отсюда могу предположить, что этот макет был запилен конкретно для тест-задания, дабы стопроцентно вызвать у испытуемого баттхерт высшей степени и затем проследить за его реакцией. По реакции собственно можно оценить многие качества будущего сотрудника. Да уж, я бы им написал, все, что я думаю о таком макете и куда им стоит его засунуть, если бы они реально решили его утвердить ))

- Криво в меню, в поиске, в "Что читаем". - "Последние статьи" - отсутствуют отступы. - неверное семейство шрифтов - блок поиска сверстан неверно дальше уже мало смысла искать косяки, попробуй сам - хотя бы по визуальной части. Для первого макета может и ок, смотря правда какой опыт в HTML и CSS был до этого.

Например так http://jsbin.com/osiqimI/4/ А вообще жесть какая-то налеплена, с виду.

я не о том, я о latoregular и serif Найди отличия, как говорится )

font: 12px latoregular, serif;Специально сделано?

Криво выравнивается, перемудрили с медиа запросами и разрешениями. На мобильном разрещении менюшка вообще дико жестит. * {margin: 0;padding: 0;}Некоторые тут избили бы тебя канделябром за такое.