Поиск по сайту
Результаты поиска по тегам 'html'.
Найдено 659 результатов
-
Добрый день, у "Google" новая страница авторизации, очень понравилось как сделано поле ввода (при нажатии плавно подчеркивается и надпись перемещается вверх). Можете подсказать как такое реализовать?
-
СДЕЛАЮ САЙТ ПО НИЗКОЙ ЦЕНЕ. ЗНАНИЯ: HTML5, CSS, LESS, SASS, JADE, JS. ПО ВОПРОСАМ ПИСАТЬ НА ПОЧТУ [email protected] МОЙ GITHUB: https://github.com/mazay62RUS МОЙ SKYPE: amosov_01 МОЙ VK: https://vk.com/wooooooowjs
-
Здравствуйте, уважаемые. У меня возникла проблема с блоком который немного "кривой" в мобильной версии. Возможно, у вас есть версии... Не подскажите, как исправить? Страница бага: http://destonrp.ru/donate Спасибо.
-
Всем привет! Прошу помощи. Какие есть варианты по реализации? Я использовала fieldset с вложенным legend и css rotate, но думаю этот способ не очень. В итоге получилось на половину, и текст с LERN MORE добавить не получилось(второй тег legend не учитывается)
-
Жду конкретной и жёсткой критики. https://skygask.github.io/
-
Сделаю сайт по вменяемой цене. Блог, корпоративный сайт, визитка, лэндинг, страницы мероприятий. Есть портфолио на Behance.
-
Доброго тебе дня, друг. Данную тему написать меня сподвигло больше кол-во однотипных тем на тему "Ищу наставника", "Нужен учитель" и тому подобное. Одной из причин тому статья "Путь верстальщика" от автора Максима Усачева, в которой он делится своим безценным жизненным опытом. Я постараюсь пролить свет на некоторые важные (в рамках данной темы) моменты из статьи. Макс пришел на форум имея минимум знаний в сфере разработки и имея большое желание учится. Он упоминает про наставника, но большинство читателей, к сожалению, трактуют данную информацию извращенно. Это не путь к руководству, это всего лишь опыт который получил автор статьи. Нужто ты думаешь, что если и у тебя будет наставник, то ты выучишь все в 2, 3, 10 раз быстрее? Или больше? Или качественнее? Более того, наставник может научить тебя плохому. Наставник в разрезе данной статьи -- это специалист, который допустил огромное кол-во ошибок, который "кровью и потом" работал до глубокой ночи ведя жесткую борьбу с браузерами для достижения своей цели. И хотя результат боя не всегда был на стороне разработчика, войну он всегда выигрывает. Зачем тебе наставник? Что бы он говорил тебе где ты ошибся? Или как надо было сверстать тот или иной блок? Или что лучше использовать float или inline-block? И что это тебе даёт? Набор правил и готовых решений как надо делать и как не надо! Но ведь ты знаешь что каждый сайт уникален, и везде есть нюансы. И ты хочешь каждый раз обращаться к учителю что бы тот подсказал тебе как решить задачу?... Разве ты не хочешь научится думать и понимать чем живет вёрстка? Как она устроена, что из себя представляют слои, понимать и визуализировать и процесс разработки? Понимать "физику" работы блоков на страницы, как и почему они влияют на остальные? Предугадывать на будущее как потянется страница/блок в случае наполнении его контентом. Уметь за считанные секунды в голове разложить огромный сайт на слои? Достичь понимания вёрстки как некой сущности, которая является единым целым с тобой. Другими словами -- ты желаешь женится на прекрасной девушке, со своим темпераментом, безграничными возможностями, уникальным подходом. Она способна подстраиваться под тебя так как ты этого хочешь, когда только пожелаешь. Она согласна выполнять твои прихоти, она не переборчива и соглашаеться на любые твои даже самые безумны идеи. И не смотря на это у неё свой уникальный неповторимый характер. Она бывает упёртая и неприступная, но всегда можно найти с ней общий язык. Если ты знаешь как с ней общаться, понимаешь как она думает, чувствуешь её, чувствуешь то что чувствует она, видишь то что видит она. Если ты слышишь и понимаешь её, то невозможно будет представить цели, которую вы вместе не смогли бы достичь. Ты хочешь женится на самой прекрасной девушке, но спать с ней будет твой наставник! Я не говорю что ты не сможешь стать специалистом без него. Большинство разработчиков, которые поддерживают этот форум, не имели никаких учителей. Все чего они добивались -- все делали сами. Для того что бы достичь тех же высот тебе надо повторить успех людей которые это уже сделали! Это не просто, но это реально! Никто за тебя этого не сделает, никому кроме тебя это не надо. Далее по списку: 1. Перед тем как открыть свою тему в поисках Наставника, пройдись по темам которые создали раньше. 2. Ты ищешь классного специалиста, который будет тебе помогать тебе, обучать, давать советы, делится опытом и знаниями. Ты этого хочешь? А ты можешь ответить на вопрос - зачем вообще кому-то это делать? Зачем, для чего, почему кто-то должен согласится тратить на тебя время? Ведь тебе нужен не новичек как ты, а тот, у кого за плечами багаж опыта, ведь так? Так вот чем ты отличаешься от других таких же жаждущих что бы вкладывать в тебя время и делится нажитым опытом? Пойми правильно, дело то не в деньгах, тут важна идея. 3. Теперь по теме. 3.1. Зачем тебе вообще это направление? Что оно тебе даст? Что ты нашел в вёрстке? 3.2. Если ты считаешь что вместо тебя будет гуглить наставник -- ты ошибаешься. Гугл -- лучший твой помошник. Умеешь правильно составить запрос - умеешь решать задачи. Очень часто бывает так, что поиск решения намного приоритетнее, нежели знания. 3.3. Если ты считаешь что наставник будет тебе давать задания -- ты сильно ошибаешься. Тебе надо -- ты ищи макет, а наставник тебе может написать ТЗ, а потом сказать какая ты бестолочь, указав на твои ошибки в результате -- а это бесценно! 3.4. Любой опыт забирает много времени. Ты не станешь специалистом через год-два! Ты уверен что у тебя вообще хватит сил на то что бы потратить ~5 лет своей жизни в интенсиве и "выкарабкатся" на уровень, когда ты сможешь сверстать страницу (предположим сайта новостей с огромным кол-во блоков) в уме за считаные секунды? Ты уверен что ты хочешь потратить часть своей жизни на изучение вёрстки? ps: нет ничего невозможного, было бы желание
- 113 ответа
-
- 11
-
Вам предстоит: Создание отдельных html-элементов(и блоков) пользовательского интерфейса Тестирование корректности работы элементов в разных условиях Создание css стилей и анимаций Что нам от вас нужно: Опыт frontend-разработки от 2-х лет Опыт работы с HTML5/CSS3, понимание принципов верстки, работы с разными браузерами и устройствами Опыт работы с gulp Знание шаблонов проектирования MVC/MVVM Уверенное понимание принципов работы с Git Приветствуется: Опыт работы с JS и фреймворками к нему Желание разработки и внесения разнообразия в динамику интерфейсов с помощью скриптов Опыт работы с canvas Опыт работы в Gamedev Творческий подход к работе и выполнению задачи Мы предлагаем: Длительную занятость от 6ти месяцев, Перспективы длительного сотрудничества над другими проектам, Оплату два раза в месяц, возможны варианты, Платим ЗП в долларах ) Мы готовы к предоплате, Работу удаленную на фултайм. Резюме ждем на [email protected]
-
Ищется верстальщик/фронтенд разработчик (HTML, CSS, JS) на новый проект. Работа сдельная. Необходимые навыки: - верстка адаптивного и отзывчивого дизайна (HTML5, CSS3, JS); - установка и настройка стандартных jQuery (1.11+) плагинов; - разработка JS при отсутствии подходящих плагинов (не обязательно, можем сделать сами). Работа удаленная. Связь Skype, WhatsApp, Telegram. Ориентировочный бюджет: до 50 000 рублей за проект. Обязанности: сверстать frontend на основе шаблона в PSD и прототипа в Axure. Важно соблюдать указанные Вами сроки (либо заблаговременно предупреждать об их изменениях) и точность верстки. Не пропадать. График работы: свободный график. Писать на почту [email protected] или Skype: autonet.ru, Всеволод. -
Мы достаточная слаженная команда и работаем как единый механизм. Все члены команды обладают достаточной компетенцией, чтобы выполнять работы разного уровня сложности. Сейчас у нас в команде: 4 Технолога/Верстальщика (html5, css3, javascript, reat, angular) 2 Проектировщика/Дизайнера (invision, photoshop, illustrator, sketch) 3 Бэкенд разработчика (php, nodejs, python + работа со всеми известными cms,crm-системами) 4 Мобильных разработчика (1 iOs, 1 Android) 2 Тестировщика Каждый из членов команды четко понимает ответственность за проект! Все задачи ведем в Basecamp, Trello и JIRA, и всегда добавляем туда заказчика, чтобы формировалась прозрачность работы. Процесс работы по проектам у нас такой: Получаем задание Оцениваем сроки и стоимость, предоставляем информацию в электронном виде заказчику. Согласуем эти данные или вносим корректировки. Подписываем договор (с нашей стороны ИП) Получаем аванс по договору Начинаем работу по проекту Ведем разработку проекта Показываем финальную итерацию заказчику и запускаем проект в продакшн. Остаемся довольными сотрудничеством и получаем отзывы по работе, слаженности и о качестве проекта в целом. Рейты работы наших специалистов: Проектирование/Дизайн // 700-800 руб/час Верстка/js // 700-800 руб/час Программирование (бэкенд) // 700-1000 руб/час Тестирование // 400-650 руб/час Разработка приложений (iOS, Android) // 1000-1400 руб/час Мы работаем над тем, чтобы: Заказчик всегда был уверен в том, что сроки по проекту не выйдут за согласованные. Заказчик был уверен в том, что качество работ будет проведено на высшем уровне. Заказчик похвалил нас и сказал, что вернется еще или останется с нами на техподдержку. Наши работы: http://greenjam.ru http://tuborg.ru http://k1664.ru http://corny.ru http://megalabs.ru http://prostude.net http://ecorse.education http://eqeducation.org http://dadacreative.com http://tfg.ru/ http://pirelli.autonews.ru/ http://id-direct.ru http://localway.ru Twenty Five Agency twentyfive.agency Georgy Pantsulaya, CEO via phone: +7-989-536-00-35 via skype: [email protected]
-
Здравствуйте. Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { background: #e8ece7; } .menu { position: absolute; background: #b13224; border-radius: 5px; top: 90px; left: 450px; } .menu a { display: block; text-decoration: none; background: #b13224; color: white; padding: 12px; margin: 0; } .menu a:hover { background: #383838; } .menu ul { width: 958px; list-style: none; font-size: 0; } .menu ul li { display: inline-block; font-size: 16px; } h1 { display: inline-block; } h1:before { content: ''; width: 100px; height: 100px; background: url(gold-logo.jpg) no-repeat center center; display: inline-block; } </style> </head> <body> <h1>XmanBank</h1> <div class="menu"> <ul> <li><a href="">Home</a></li> <li><a href="">About us</a></li> <li><a href="">Our services</a></li> <li><a href="">Deposits</a></li> <li><a href="">FAQs</a></li> </ul> </div> </body> </html> В нём я воспользовался тегом h1 и псевдоклассом before, чтобы вставить перед ним картинку (лого), но размер задаётся некорректно. Он не уменьшает картинку, делает подобие border'а. Как исправить?
-
Привет! Вот мое "творение" Мне интересно в первую очередь фундаментальная критика, но и мелкой буду благодарен))
-
При использовании css весь русский текст изменяется на что-то подобное: аЄаОбаО аНаЕаКббб аГаЛаАаВаНаАб ааАаДаИаМ Без css все работает нормально. Содержисое css: .button{ text-decoration:none; text-align:center; padding:11px 32px; border:solid 1px #004F72; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#E5FFFF; background-color:#3BA4C7; text-decoration:none; text-align:center; padding:11px 32px; border:solid 1px #004F72; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#E5FFFF; background-color:#3BA4C7; }
-
Доброго времени суток, форумчане. По дипломному проекту мне задали создание сайта, на котором можно будет распространять платные курсы, которые ведёт моё образовательное учреждение. Нужны: регистрация, вход само собой, сама продажа курсов с автоматической записью людей в группы, в каждой группе определённое количество человек, а так же нужно будет через этот сайт следить за посещаемостью (вообще не понимаю зачем) курсов. Курсы оффлайновые, то есть группа людей в соответствии со своим расписанием будут приходить в образовательное учреждение в установленное время и обучаться. Дело в том, что создание сайтов мы изучали на 2 курсе ровно 2 недели. Чутка выучили html и совсем плохо css. Ищу совета в том, с чего мне начинать, что мне понадобится, какая cms для этого будет лучше и нужна ли она будет вообще.. Ну вы поняли, ищу любого совета. Заранее благодарю.
-
Всем привет! Я только начинаю учиться верстать и хочу узнать,как сделать вот такое меню? Самое главное,что бы оно было адаптивным. Заранее спасибо)
-
Добрый день! я только начал осваивать веб-программированием и уже столкнулся с некоторыми трудностями, скажите пожалуйста, как сделать так, чтобы объекты были забиксированны в строгом положении на каждой странице. Например: Мне нужно, чтобы молния была всегда строго по центру верхнего блока, а вот блоки с кнопками меню должны быть относительно молнии. Как на макете. Мне кажется, что я изначально начал все делать неправильно. И еще такой вопрос. Старался сделать по уроку, предложенному на сайте, чтобы рисунок менялся на другой при наведении. Через <p></p> у меня просто нет рисунка. Не знаю что и как делать( Подскажите, пожалуйста. Буду очень признателен. index.html styles.css
-
Всем привет. Хочу сверстать несколько блоков на странице. Шапка, с фиксированной высотой, шириной 100%. Затем 2 блока. Левый блок с шириной 200px, правый блок, который бы занимал всю оставшуюся часть страницы. Footer фиксированной высотой, шириной 100%. Пример во вложении, или по ссылке: Макет Проблема вот в чём. Как сделать правый блок (3 на макете) размером на всю оставшуюся часть страницы. И как вообще сделать блоки 2 и 3 высотой на всю оставшуюся часть страницы таким образом, чтобы скролл появлялся только в блоках 2 и 3 если контента в них очень много и этот контент вылазиет за пределы блоков? Вот что смог пока сделать: https://jsfiddle.net/fenix_63/duy2cyuz/ Народ, помогите пожалуйста кто знает. С шириной разобрался, а вот как сделать высоту 2 и 3 блока так, чтобы она была равная высоте страницы - высота шапки - высота подвала? И чтоб если блоки 2 и 3 из-за обилия контента не вмещаются в эту область, чтоб скролл появлялся? https://jsfiddle.net/duy2cyuz/3/
-
Добрый день! Может кто нибудь объяснить мне, не смышленому верстальщику-новичку, как мне выравнить текст по центру картинок? Я уже все перепробывал,но что то не клеится(( на первом скрине я отразил суть проблемы, а на втором то, как это должно быть по макету! (я заменил одну картинку, т.к. это не особо важно, но сути это не меняет) в html я объединил это все (картинки\текст) в один див и дал ему класс. далее я дал класс всем текстовым материалам и ид для каждой картинки, дабы сделать более гибкую настройку, но все пошло не по плану. в CSS класс текста выглядит так: .contenttext { display: inline-block; font-family: 'Raleway', Arial, sans-serif; margin-top: 60px; font-weight: 500; font-size: 130%; } Видимо задавать margin-top: 60px; вообще лишнее, по скольку вместе с текстом перемещаются и картинки. Парюсь уже битый час над этим. Если кто сможет, подскажите, что можно предпринять для разрешения проблемы.
-
Здравствуйте прошу помочь реализовать нормальный слайдер, в данный момент все в принципи работает как и было задумано, но все картинки привязаны позиционно и накладываются друг на друга из-за чего при уменьшении размера все сбивается <h3 class="alt_4" color="#63308a" >Личные качества</h3> <img align="left" style="margin-right: 30px;" src="http://www.mqsart.ru/wp-content/uploads/2013/10/workroom_start-300x268.png" alt="" width="300" height="268"/> <a class="imagetip" href="javascript:void(0)"><img align="left" style="width:18px; height:18px; margin-right: 10px; margin-top: 2px;" src="wp-content/themes/magnetto/layout/images/bg_level2_marker.png" alt=""/><p><b>Ответственность</b></p><span><img align="left" style="margin-bottom: 99px;" src="http://www.mqsart.ru/wp-content/uploads/2017/01/workroom_liability.png" alt="" width="300" height="268"/></span></a></br> <a class="imagetip" href="javascript:void(0)"><img align="left" style="width:18px; height:18px; margin-right: 10px; margin-top: 2px;" src="wp-content/themes/magnetto/layout/images/bg_level2_marker.png" alt=""/><p><b>Креативность</b></p><span><img align="left" style="margin-bottom: 99px;" src="http://www.mqsart.ru/wp-content/uploads/2017/01/workroom_creative.png" alt="" width="300" height="268"/></span></a></br> <a class="imagetip" href="javascript:void(0)"><img align="left" style="width:18px; height:18px; margin-right: 10px; margin-top: 2px;" src="wp-content/themes/magnetto/layout/images/bg_level2_marker.png" alt=""/><p><b>Гибкость мышления</b></p><span><img align="left" style="margin-bottom: 99px;" src="http://www.mqsart.ru/wp-content/uploads/2017/01/workroom_thinking.png" alt="" width="300" height="268"/></span></a></br> <a class="imagetip" href="javascript:void(0)"><img align="left" style="width:18px; height:18px; margin-right: 10px; margin-top: 2px;" src="wp-content/themes/magnetto/layout/images/bg_level2_marker.png" alt=""/><p><b>Внимание к деталям</b></p><span><img align="left" style="margin-bottom: 99px;" src="http://www.mqsart.ru/wp-content/uploads/2017/01/workroom_full.png" alt="" width="300" height="268"/></span></a></br> <a class="imagetip" href="javascript:void(0)"><img align="left" style="width:18px; height:18px; margin-right: 10px; margin-top: 2px;" src="wp-content/themes/magnetto/layout/images/bg_level2_marker.png" alt=""/><p><b>Быстрая обучаемость</b></p><span><img align="left" style="margin-bottom: 99px;" src="http://www.mqsart.ru/wp-content/uploads/2017/01/workroom_educability.png" alt="" width="300" height="268"/></span></a></br>
-
Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>пара</title> <script> for(i=0; i<elem.length; i++) { alert(elem[i]); } function lol(nan) { var i; var elem = document.getElementById("sas"); elem.style.color = nan; } </script> </head> <body> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <button onclick="lol('red')">Красный</button> </body> </html> При нажатии на кнопку, должен запуститься скрипт, при котором все объекты становятся красного цвета. Но проблема в том, что красным становится только 1 элемент, а не все. Как исправить проблему?
-
У меня есть сайт на hostinger. Он в html-формате. Если я сменю формат на php, и добавлю туда некоторые строки php-кода, он будет работать на php? Возможно, вопрос будет не понятен или даже глупым, но только так пока сформулировал вопрос.
-
Объясните поподробнее, почему в 24 строчке i пишется в квадратных скобках? Как это работает?
-
Проблема такая: создаю HTML-файл, сохранив на рабочий стол. Захожу- открывает все как надо: страница содержит в себе CSS-элементы, включая картинку на заднем фоне. В body я прописал <img src="..."> - картинка видна. Вывод: все работает. Теперь следующее: этот же файл я перенес в папку, чтобы не занимало лишнего пространства на рабочем столе. Но подвох в том, что, открыв его(HTML-файл), выходит не то, что описал в первом абзаце. Вместо красиво оформленной страницы появляется голая страница, в которой, кроме body, ничего нет. Да и то <img src="..."> отображается как незагруженная/ненайденная картина. Т.е. CSS не делает свое дело, а тэг <img> не работает. Кратко говоря, страница ведет себя странно, если переместить в папку. В чем может быть проблема? P.S. Вложил фотографии. Первая-скрин HTML-файла, лежащем на рабочем столе. Вторая-скрин HTML-файла, лежащем в папке(обратите внимание на ссылки). Вот вам код, если нужно <!DOCTYPE html> <head> <title>Bludgeoned To Death</title> <style type="text/css"> body { background:url(SSS/TheCleansing.png); margin-right: 20px; margin-left: 20px; padding: 10px 10px 10px 10px; font-family: Arial; color: white; } </style> </head> <body> <center> <img src="SSS/1470302292710.png"> <p> <h2>"Bludgeoned To Death"</h2> <br> <br> You're worthless, you plague humanity<br> Be nothing without me<br> Your curses try to get back to me<br> But still there is no time<br> <br> Bludgeoned<br> <br> Your curses with thoughts and narration<br> For what I say<br> Hope you listen<br> <br> Your cursed with thoughts and narration<br> This is what you get<br> I made you smile<br> <br> And doctors won't be able to recognize your fucking face!<br> <br> Be, be nothing, be nothing without me<br> <br> How could you think that I was joking<br> But I'm not, be nothing, be strong, without me<br> But still curses crumble as we let this happen<br> We can't let this happen<br> As we all come down<br> We can't<br> <br> Because [2x]<br> You abide by something funny<br> What's funny now?<br> You abide by something sacred<br> You found it gone<br> <br> Inside [3x]<br> Your curses die<br> Inside [3x]<br> Your curses die<br> </center> </p> </body> </html>
-
Доброго времени суток. Нахожусь на начальном этапе карьеры веб-разработчика, поэтому готов сверстать ваш psd макет за символическую цену. Использую bootstrap, поэтому адаптивная верстка не проблема. Связаться со мной можно по почте: [email protected]
-
Помогите с кодом.Первый @media screen работает, а другие 2 нет
