Большое спасибо. Отличное видео. Пришлось, правда, поколдовать - аналогичная форма в прошлом уроке была на основе таблицы, а здесь список . И города под это дело подстраивать пришлось самостоятельно. Но это мелочи - иногда полезно и своей головой поработать.
Получилось все, кроме input.reg_input:focus { border-bottom: 1px solid #FFDB4D; } У меня при наведении курсора вместо подчеркивания появляется рамка (border) черного цвета. Спасибо за урок! Так много информации, что хватит на несколько дней для усадки.
При пересмотре и сравнении со своим результатом заметила еще одно отличие. У вас в окончательном варианте в теге textarea placeholder Напишите что-то о себе зеленого цвета. И вводимый пользовательский текст тоже зеленого цвета. У меня при том же коде placeholder Напишите что-то о себе серого цвета, а уже пользовательский текст зеленого. Проверила в двух браузерах, мой вариант в обоих одинаково отображается. Вот интересно, с чем это связано.
Не дает мне покоя этот focus. Я изменила толщину нижнего подчеркивания: input.reg_input:focus { border-bottom: 10px solid #FFDB4D; } Теперь при наведении курсора у меня появляется черная рамочка и видно нижнее желтое подчеркивание в 10 пикселей. Но почему рамка? Ведь до этого прописали border: none; input.reg_input { width: 230px; border: none; border-bottom: 1px solid #aaa; font-size: 16px; } ХММММ
Ребята знатоки - подскажите почему блок css к div с id="reg_form" не срабатывает : #reg_form { width: 350; margin: 20px auto 0 auto; padding: 10px; background: #fff; box-shadow: 5px 5px 10px #aaa; } Полдня сижу проверяю форма как была на всю страницу по ширине - так и остается(((