WebAndorix

Подскажите, пожалуйста, как растянуть фон-градиент на всю страницу? body { background: #f5f5f5; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* IE10+ */ background: linear-gradient(to bottom, # 0%,#f5f5f5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */ }

psywalker, хорошо. Каким же путем, кроме проб-ошибок-стуканья головой об стену, можно научиться верстать? Ведь по книжкам, курсам можно научиться кодам, но не тому, как их применять. Или я не прав?

Уважаемые верстальщики, подскажите, пожалуйста, как решить одну проблему. В CSS вставил градиентную картинку в качестве фона для меню, который должен появляться при наведении курсора на определенный пункт. При просмотре в браузере картинка фона не отображается полностью по ширине, а лишь закрывает текст и все. Как хочу, чтобы меню выглядело: Как получилось: Какой сейчас код: HTML: <div id="header-bottom"> <ul id="header-nav"> <li><a href="#" select="select">Главная</a></li> <li><a href="#">Портфолио</a></li> <li><a href="#">Обо мне</a></li> <li><a href="#">Контакты</a></li> </ul> </div> CSS #header ul { float: left; padding:9px 20px 22px; } #header ul li { float: left; padding-left: 22px; } #header ul li a { height: 41px; display: block; } #header ul li a:hover { height: 41px; display: block; text-decoration: none; background: url(images/header-nav-hover-bg.png) 0 0 no-repeat; } .select { color: #ffffff; height: 41px; display: block; text-decoration: none; background: url(images/header-nav-hover-bg.png) 0 0 no-repeat; } Прошу не очень закидывать помидорами. Я только учусь верстать. Просмотрел курс Евгения Попова по HTML и CSS. Взял бесплатный psd-макет. Пробую верстать, и заклинило.

Сомневаюсь, что сразу после прохождения какого-нибудь курса можно качественно выполнять заказы на верстку. Вряд ли, почитав основы вождения на велосипеде, вы сможете хорошо ехать. Любой курс - это все таки теория. Человек же учится больше на практике. В начале будет много ошибок и косяков. Поэтому, чтобы научиться правильно верстать, понадобиться сделать не одну пробную верстку. Кроме обучения методом проб и ошибок, можно учиться методом перебора кода. Что касается курса Школы программирования по HTML и CSS, то мне кажется, он мало чем отличается от бесплатного курса Евгения Попова. Лично я выбрал последний вариант. Обучение в ШП, конечно, имеет свои преимущества: преподаватель мотивирует, дает домашние задания, а в конце обучения ШП выдает свидетельство о прохождении курса. Но лично я вполне могу обойтись и без этого, так как сейчас нет денег на платные курсы.