WQP 360 Posted February 1, 2014 Report Share Posted February 1, 2014 Не было чем заняться и поэтому решил учить html+css. Скачал первую попавшуюся картинку и начал пытаться что-то делать. Исходный материал (без PSD, обычный .jpg) - http://fc03.deviantart.net/fs71/f/2012/211/3/d/3dc41c42924b639a7cadf47f0da7b633-d594uoe.jpg Результат моих стараний - http://codepen.io/anon/pen/Brznu И как вам моя первая работа? Link to post Share on other sites
EwgenyUs 10 Posted February 1, 2014 Report Share Posted February 1, 2014 Да вы прям няшу сверстали Link to post Share on other sites
Frey 22 Posted February 1, 2014 Report Share Posted February 1, 2014 Не работают лейблы, при наведении на кнопку курсор не меняет состояние. В остальном неплохо вроде. Link to post Share on other sites
Stripes 31 Posted February 1, 2014 Report Share Posted February 1, 2014 Не работают лейблы, при наведении на кнопку курсор не меняет состояние. В остальном неплохо вроде. у меня все работает Link to post Share on other sites
WQP 360 Posted February 1, 2014 Author Report Share Posted February 1, 2014 @Frey, можно узнать версию вашего браузера? Link to post Share on other sites
EwgenyUs 10 Posted February 1, 2014 Report Share Posted February 1, 2014 placeholder это html5 элемент. не все браузеры его поддерживают. лучше заменить js. там одна строчка да и та мелкая. Link to post Share on other sites
VIP BuHoBeH 953 Posted February 1, 2014 VIP Report Share Posted February 1, 2014 Я думаю Опера 12, там Link to post Share on other sites
valentino 60 Posted February 1, 2014 Report Share Posted February 1, 2014 критическая ошибка - не указан доктайп ошибка не критическая, но валидацию не пройдет - в форме должен быть элемент, в котором распологаются импуты - <fieldset>...</fieldset>, хотя допускается <div></div> или <p></p> от парочки дивов можно отказаться, например: <div class="form-login"> убрать, а фоновую картинку подгрузить на саму форму... Link to post Share on other sites
dronn23 4 Posted February 1, 2014 Report Share Posted February 1, 2014 Всё клёво, но ИМХО я бы чуть осветлял бы кнопку при наведении. Link to post Share on other sites
WQP 360 Posted February 1, 2014 Author Report Share Posted February 1, 2014 @valentino, Сайт ругается когда вставляю <!DOCTYPE html>, думаю в привью это необязательно. Link to post Share on other sites
devioo 69 Posted February 1, 2014 Report Share Posted February 1, 2014 Довольно хорошо, хоть и не люблю аниме Link to post Share on other sites
valentino 60 Posted February 1, 2014 Report Share Posted February 1, 2014 @valentino, Сайт ругается когда вставляю <!DOCTYPE html>, думаю в привью это необязательно. какой сайт ругается??? это обязательно...начните изучение с правильного построения документа EwgenyUs 1 Link to post Share on other sites
WQP 360 Posted February 1, 2014 Author Report Share Posted February 1, 2014 @valentino, http://codepen.io/ при вставке ругается. А в исходниках всегда был данный тег. Только с привью удалил его. Link to post Share on other sites
valentino 60 Posted February 1, 2014 Report Share Posted February 1, 2014 @valentino, http://codepen.io/ при вставке ругается. А в исходниках всегда был данный тег. Только с привью удалил его. значит уходите с этого сайта...как альтернативу, попробуйте этот Link to post Share on other sites
WQP 360 Posted February 1, 2014 Author Report Share Posted February 1, 2014 @valentino, вы не так поняли, вы в коде не увидели <!DOCTYPE html> т.к. изначально сайт ставит его в исходник. Link to post Share on other sites
valentino 60 Posted February 1, 2014 Report Share Posted February 1, 2014 @valentino, вы не так поняли, вы в коде не увидели <!DOCTYPE html> т.к. изначально сайт ставит его в исходник. тогда я не понял, что такое "исходник" а вообще попробуйте сверстать простую страничку от начала и до конца, не используя такие сайты - будет и нагляднее и опыта Вам добавит. успехов Link to post Share on other sites
WQP 360 Posted February 1, 2014 Author Report Share Posted February 1, 2014 @valentino, когда это верстал пользовался только браузером, пользуясь инструментами разработчиков. Link to post Share on other sites
valentino 60 Posted February 1, 2014 Report Share Posted February 1, 2014 @valentino, когда это верстал пользовался только браузером, пользуясь инструментами разработчиков. скорее пользовался блокнотом, а просматривал в браузере если Вы начали свое обучение с форм, то вот Вам материал в помощь клац Link to post Share on other sites
WQP 360 Posted February 1, 2014 Author Report Share Posted February 1, 2014 @valentino, сейчас почитаю. Вот чем я пользовался http://rghost.ru/private/52131084/e842c9fbc3aa112f66c46949899a6469/image.png Link to post Share on other sites
valentino 60 Posted February 1, 2014 Report Share Posted February 1, 2014 @valentino, сейчас почитаю. Вот чем я пользовался http://rghost.ru/private/52131084/e842c9fbc3aa112f66c46949899a6469/image.png 404 выдает Link to post Share on other sites
WQP 360 Posted February 1, 2014 Author Report Share Posted February 1, 2014 @valentino, в ссылке был пробел. Исправил. Link to post Share on other sites
Frey 22 Posted February 1, 2014 Report Share Posted February 1, 2014 @Frey, можно узнать версию вашего браузера? Последний Хром. Суть в следующем: если лейбл правильно написано, то при нажатии на него фокусится поле, для которого он прописан. У вас указано, для какого поля прописан лейбл, но в самом поле нет параметра, который позволяет "принимать на себя" этот лейбл. если label for="password", то на инпуте с паролем должен стоять id="password". Так все будет работать корректно. Link to post Share on other sites
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now