swetlana

Мишка, а почему на твой взгляд такая разница для дома и офиса?

а можно с этого места поподробнее? Почему неудобно?

каждый из них делается за день. Но это если хорошо взяться и не отвлекаться ни на что.

в последнее время тоже часто достаются css из 100500 строк. делаю так: выстраиваю стили для каждого блока в одну строку. Сами строки при этом табуляцией отбиваю, отображая иерархи, когда это возможно. Общие стили для блока идут первыми. Каждый логический блок отбивается пустой строкой и комментарием. Получается что-то в таком духе: /* registration form */ form.registration { border-top: 3px solid #cac3d8; } form.registration fieldset { overflow: hidden; padding-bottom: 32px } form.registration fieldset+fieldset { border-top: 1px dashed #cac3d8; } form.registration fieldset.submit { border-top: 3px solid #cac3d8; padding: 16px 0 0 200px; } form.registration h3 { font-weight: bold; padding: 16px 0; font-size: 16px; background: transparent; } form.registration label { display: block; line-height: 28px; float: left; clear: left; width: 200px; } form.registration fieldset.personal label { color: #71ad03; } form.registration fieldset.password label { color: #f40b6d; } Вроде управляюсь с таким, хотя портянки бывают и по паре тысяч строк.

а учиться на практике — чем не вариант? На мой взгляд так достаточно вкусно. Получаешь знания, да ещё и платят за это

ну нет, section тут совсем не в тему. каждая новость сама по себе самодостаточна. А это основной признак article.

а вы не завидуйте, а учитесь и развивайтесь. Тогда и время появится. или наоборот… пропадёт окончательно

эхъ… такой вопрос. Так хотелось ответить. А пришёл SelenIT и всё разъяснил так, что и добавить нечего. Вот так всегда. Автор, простите, а что это за легендарная первая десятка фрилансеров-верстальщиков, которая даже dl как-то притягивает под ленту новостей?

Если до дела дойдёт, не слабо будет на html 3.2 наваять чего-нибудь Даже интересно будет. Вот именно что вспомнить, как оно. А то передовые технологии могут и наскучивать.

Ну вот например кусочек, выдранный из файла css с htmlbook: #message { border: 1px solid #88B27E; font-size: 0.9em; background: #EEF5E0; padding: 10px; margin-bottom: 20px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } Как можно заметить, закругляшки не только для ФФ с вендорным префиксом, но и для вебкитных браузеров (хотя для них это уже давно не нужно). FF понимает border-radius без вендорного префикса лишь с четвёртой версии.

кстати, о расширении кругозора… а вот не знала я, что не работают экспрешны в ие8. Тогда оптимальный вариант — это аккуратненько подзабить на полосатость таблиц в устаревших ие. В конце концов, это не мешает восприятию информации. На практике это в большинстве случаев допустимый подход.

runet, а экспрешн работает как раз в ИЕ. Так что SelenIT рекомендует самый оптимальный вариант. Если браузер нормальный, то и css отработает. А если он не поддерживает css в должной мере — ну и что? У него зато свои достоинства. А вообще, на замечания о том, что что-то не работает в ИЕ, правильный ответ: graceful degradation.

да ладно… Зато весело. Тогда никаких jQuery не было, надо было вручную озадачиваться вопросами кроссбраузерности. И производительность браузеров была, скажем так, пониже, чем у нынешних.

а никак не возможно. Увы.

именно border-radius не поддерживается. поддерживается -moz-border-radius.

LESTAD, а понятие потока вам знакомо? Именно в нём объяснение.

[offtopic]оказывается, у нас много общего Даже возрастом догоню через неделю, чуть пораньше даже. А четвёртый IE с его вечными «выполнено, но с ошибками на странице», застал?[/offtopic]

я так вижу, что цель стоит не сделать один раз и забыть, а понять и осознать. Потому объясню: картинке в абзаце был задан float: left. При этом она выбивается из потока и прижимается к левому краю. Остальные же эелементы её обтекают. Заканчивается один абзац, начинается следующий — и начинается он раньше, чем завершено обтекание картинки из предыдущего абзаца. Потому и начинается он справа от картинки. Во втором абзаце уже своя картинка — она и размещается там, где начинается абзац. То есть, справа от предыдущей картинки, обтекая её. Указав же overflow:hidden, вы создаёте отдельный контекст форматирования. То есть, как бы своя песочница для такого блока, в которой свой поток.

о шрифтах и здесь, на htmlbook.ru, достаточно написано. О форме: в какие-то лишние дивы не надо, скорее имеет смысл посмотреть в сторону vertical-align.

Так было. Но сейчас этой проблемы нет, исправлено. А для скриншота вчерашнее состояние воспроизведено искусственно.

всё правильно. так и надо. А с опытом появится обоснованное мнение, как правильно.

вот аж стало интересно: почему бывший?

Сударь, вы хотя бы не позорились бы. Здесь очень много людей, которые так или иначе хоть иногда выступают работодателями.

для совсем не имеющих content-а в <head> поясняю: учёба и последовательность формальных шагов для получения формального документа об образовании как правило связаны весьма условно или не связаны вовсе. А в остальном… Естественно же, признаём, что основной фактор, влияющий на количество денег — не знания, а хорошо подвешенный язык. Но если заниматься именно технической работой, то вроде как всё ясно должно быть.

ну раз нужны указания на ошибки… Вообще, в целом неплохо, но ошибки есть. В частности, использовать <br> для задания отступов — не комильфо. На то паддинги с маргинами есть. Высота строк не выдержана. Если ставилась задача добиться соответствия макету, то при такой задаче это ошибка. Но исходя из того, что некоторые цвета другие, предположу, что такая задача могла и не ставиться. Тогда это на вашей совести. В правой колонке картинки выстроились лестницей — это ошибка. Следовало сделать так, чтобы абзацы выстраивались один за другим, а не обтекали друг друга. Например overflow: hidden в данном случае решает. В форме поиска смещены относительно друг друга поле и кнопка — не гут. Ещё с Лунатиком соглашусь почти во всём. Кроме того, что html-код чист. Бывает и почище. Но в ошибки это записывать незачем. В остальном вроде как неплохо.