Nirealto

Если хотите нормальной жизни со своим проектом ни за что не берите домены ru и рф, ибо сейчас закрыть такой сайт дело пары минут, вообще советую прочитать вот эту статью.

http://free.timeweb.ru/ ограничения для вёрстки в бесплатной версии несущественные.

Большое спасибо за отзывы, узнал много нового и полезного, наконец-то появилась возможность вернутся к вёрстке, скоро переверстаю макет с учётом замечаний.

ИМХО конечно, но курсы от ШП рассчитаны именно на полных новичков и дают исключительно базовые знания необходимые для дальнейшего обучения, о чём я и пытался сказать выше, а вот курсы от Специалиста я слушать не смог, каждый урок по 3 часа, люди по 10 минут открывают папки и архивы, да и показывать примеры на IE6..., В общем сильно затянутые, нудные и устаревшие, хотя есть некоторые важные моменты которых нет в ШП.

Здравствуйте, я начинающий верстальщик, решил перейти от теоретического обучения к практическому, сверстал макет из вот этой темы, попытался использовать HTML5 и CSS3, получилось вот так: Сайт на хостингеВсе файлы сайтаПрошёл проверку на валидность, как HTML так и CSS, тестировал, в основном, хромом, на скорую руку просмотрел в последних версиях Opera, Opera Next, FF, IE8+, так что особо на кроссбраузерность не претендую, прошу критиковать по всей строгости, но конструктивно, заранее спасибо.

Как я уже писал в соседней ветке, рекомендую курс от Школы Программирования, объясняют для полных новичков без лишней информации 2000-х годов, приятный лектор, неплохие практические задания, лично я начинал с него, потом взял и начал верстать макеты, на форуме есть спец тема для тренировочных макетов.

Рекомендую курс от Школы Программирования, объясняют для полных новичков без лишней информации 2000-х годов, приятный лектор, неплохие практические задания, лично я начинал с него, потом взял и начал верстать макеты, на форуме есть спец тема для тренировочных макетов.

Советую посмотреть курс от Школы Программирования, у них замечательный, а главное современный курс по основам HTML и CSS. Тебе с абсолютного нуля(начинают вообще с основ интернета) рассказывают как сверстать страничку, показывают примеры выполнения работ другими и разбирают из ошибки. В отличии от того же Специалиста читают всё довольно бодро и без копирования папки по 15 минут, главное выполнять задания и слушать лектора.

Как вариант можно для исходного элемента поставить прозрачную рамку через border: 1px solid transparent; а при :hover задавать другой цвет рамки, тогда точно ничего двигаться не будет т.к. рамка уже есть изначально.

Хочу обратить внимание что классы типа ".pb10" -- это зло! Я допускаю что сушествуют ситуации когда классы такого плана требуются, но такова вероятность равна 0,001% всех возможных ситуаций которые когда либо тебе попадутся. А так как ты пока только учишся, то рекомендую не брать вреных привычек. Любой класс в верстке должен быть: английским термином, без сокращений, читабельным, должен раскрывать суть блока и что он выполняет. Для применения стилей не надо использовать идендификаторы. У тебя есть пространство класов -- ими и пользуйся! По поводу названия стилей ".pb10" - это точно ибо через пару дней и сам запутаешься в таком коде, а другому так вообще захочется закрыть такую вёрстку и никогда больше не открывать, а вот по вопросу использования идентификаторов не соглашусь, они явно показывают что этот стиль уникально применяется только к этому элементу, естественно злоупотреблять ими не стоит ибо в 99% можно и даже нужно использовать классы ибо повторяющийся код - зло, естественно всё ИМХО.

Спасибо за пояснения, я только начал изучение вёрстки и пришёл к выводу что PerfectPixel'ем удобно подгонять макет, получается куда быстрее чем смотреть как было в фотошопе и как свёрстано у тебя.

Большое спасибо(не нашёл кнопки поднятия репутации), получается под хром невозможно верстать с PerfectPixel.

Здравствуйте, пытаюсь сверстать вот этот макет, но никак не могу указать нужный размер шрифта, в фотошопе смотрю размер, показывает 14px, я ставлю font-size: 14px; но получается вот так: Пытался использовать letter-spacing, не помогло подскажите, пожалуйста, в чём проблема, заранее спасибо. P.S. Для сравнения использую PerfectPixel для хрома.