Поиск по сайту

Результаты поиска по тегам 'html'.

  • Поиск по тегам

    Введите теги через запятую.
  • Поиск по автору

Тип публикаций


Категории и разделы

  • Основной форум
    • Для начинающих
    • Проблемы верстки
    • Обсуждение работ
    • Работа форума
    • Флейм
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Веб-программирование
    • Javascript
    • Серверные технологии
    • СУБД
    • CMS
  • Работа: спрос, предложение, вакансии
    • Коммерческие услуги

Календари

  • IT events in Ukraine
  • IT events in Russia
  • События форума

Блоги

  • CMS (Системы управления контентом)

Группы меток

  • Разработчики
  • Front-end
  • Back-end
  • Обучение
  • Ищу работу
  • Предлагаю работу



Фильтр по количеству...

Найдено 592 результата

  1. как сделать такую обводку как наскрине помогите
  2. Здравствуйте, я столкнулся с такой проблемой. Я задал задний фон этому блоку но она не изменяется. <nav> <div class="mmenu"> <div class="mid"> <hr> <p><a href="index.html">Главная страница</a> | <a href="week1.html">Неделя 1</a> |<a href="week2.html"> Неделя 2</a> |<a href="week3.html"> Неделя 3</a></p> <hr> </div> </div> </nav> код в style.css div.mmenu{background: #605353;}
  3. http://prntscr.com/fcm086 кто нибудь сталкивался с таким слайдером, подкиньте пример решения пожалуйста. В гугле не смог найти подобного слайдера.
  4. удалите пож, тему вот скрины скриныВП.docx
  5. Всем привет. Прошу помощи: Имеется вот такое меню: <div class="collapse navbar-collapse navbar-right navbar-main-collapse"> <ul class="nav navbar-nav"> <img src="img/callbacklogo.png" alt="Консультация" width="275" height="50" /> <li class="active"><a href="#intro">Главная</a></li> <li><a href="#service">Физлицам</a></li> <li><a href="#doctor">Юрлицам</a></li> <li><a href="#pricing">Стоимость услуг</a></li> <li><a href="#pricing">Контакты</a></li> - но почему-то первая картинка оказывается последней в списке меню. Как перенести её вперёд? P.S. Прошу камнями сильно не кидаться, я новичок. Если нужно что-то из CSS тоже - скину (просто пока точно не знаю, где именно нужный элемент). Спасибо. UPDATE Всё, я неожиданно сам для себя разобрался только что)
  6. Добрый день, у "Google" новая страница авторизации, очень понравилось как сделано поле ввода (при нажатии плавно подчеркивается и надпись перемещается вверх). Можете подсказать как такое реализовать?
  7. СДЕЛАЮ САЙТ ПО НИЗКОЙ ЦЕНЕ. ЗНАНИЯ: HTML5, CSS, LESS, SASS, JADE, JS. ПО ВОПРОСАМ ПИСАТЬ НА ПОЧТУ mazay62rus@gmail.com МОЙ GITHUB: https://github.com/mazay62RUS МОЙ SKYPE: amosov_01 МОЙ VK: https://vk.com/wooooooowjs
  8. Здравствуйте, уважаемые. У меня возникла проблема с блоком который немного "кривой" в мобильной версии. Возможно, у вас есть версии... Не подскажите, как исправить? Страница бага: http://destonrp.ru/donate Спасибо.
  9. Всем привет! Прошу помощи. Какие есть варианты по реализации? Я использовала fieldset с вложенным legend и css rotate, но думаю этот способ не очень. В итоге получилось на половину, и текст с LERN MORE добавить не получилось(второй тег legend не учитывается)
  10. Жду конкретной и жёсткой критики. https://skygask.github.io/
  11. Сделаю сайт по вменяемой цене. Блог, корпоративный сайт, визитка, лэндинг, страницы мероприятий. Есть портфолио на Behance.
  12. Доброго тебе дня, друг. Данную тему написать меня сподвигло больше кол-во однотипных тем на тему "Ищу наставника", "Нужен учитель" и тому подобное. Одной из причин тому статья "Путь верстальщика" от автора Максима Усачева, в которой он делится своим безценным жизненным опытом. Я постараюсь пролить свет на некоторые важные (в рамках данной темы) моменты из статьи. Макс пришел на форум имея минимум знаний в сфере разработки и имея большое желание учится. Он упоминает про наставника, но большинство читателей, к сожалению, трактуют данную информацию извращенно. Это не путь к руководству, это всего лишь опыт который получил автор статьи. Нужто ты думаешь, что если и у тебя будет наставник, то ты выучишь все в 2, 3, 10 раз быстрее? Или больше? Или качественнее? Более того, наставник может научить тебя плохому. Наставник в разрезе данной статьи -- это специалист, который допустил огромное кол-во ошибок, который "кровью и потом" работал до глубокой ночи ведя жесткую борьбу с браузерами для достижения своей цели. И хотя результат боя не всегда был на стороне разработчика, войну он всегда выигрывает. Зачем тебе наставник? Что бы он говорил тебе где ты ошибся? Или как надо было сверстать тот или иной блок? Или что лучше использовать float или inline-block? И что это тебе даёт? Набор правил и готовых решений как надо делать и как не надо! Но ведь ты знаешь что каждый сайт уникален, и везде есть нюансы. И ты хочешь каждый раз обращаться к учителю что бы тот подсказал тебе как решить задачу?... Разве ты не хочешь научится думать и понимать чем живет вёрстка? Как она устроена, что из себя представляют слои, понимать и визуализировать и процесс разработки? Понимать "физику" работы блоков на страницы, как и почему они влияют на остальные? Предугадывать на будущее как потянется страница/блок в случае наполнении его контентом. Уметь за считанные секунды в голове разложить огромный сайт на слои? Достичь понимания вёрстки как некой сущности, которая является единым целым с тобой. Другими словами -- ты желаешь женится на прекрасной девушке, со своим темпераментом, безграничными возможностями, уникальным подходом. Она способна подстраиваться под тебя так как ты этого хочешь, когда только пожелаешь. Она согласна выполнять твои прихоти, она не переборчива и соглашаеться на любые твои даже самые безумны идеи. И не смотря на это у неё свой уникальный неповторимый характер. Она бывает упёртая и неприступная, но всегда можно найти с ней общий язык. Если ты знаешь как с ней общаться, понимаешь как она думает, чувствуешь её, чувствуешь то что чувствует она, видишь то что видит она. Если ты слышишь и понимаешь её, то невозможно будет представить цели, которую вы вместе не смогли бы достичь. Ты хочешь женится на самой прекрасной девушке, но спать с ней будет твой наставник! Я не говорю что ты не сможешь стать специалистом без него. Большинство разработчиков, которые поддерживают этот форум, не имели никаких учителей. Все чего они добивались -- все делали сами. Для того что бы достичь тех же высот тебе надо повторить успех людей которые это уже сделали! Это не просто, но это реально! Никто за тебя этого не сделает, никому кроме тебя это не надо. Далее по списку: 1. Перед тем как открыть свою тему в поисках Наставника, пройдись по темам которые создали раньше. 2. Ты ищешь классного специалиста, который будет тебе помогать тебе, обучать, давать советы, делится опытом и знаниями. Ты этого хочешь? А ты можешь ответить на вопрос - зачем вообще кому-то это делать? Зачем, для чего, почему кто-то должен согласится тратить на тебя время? Ведь тебе нужен не новичек как ты, а тот, у кого за плечами багаж опыта, ведь так? Так вот чем ты отличаешься от других таких же жаждущих что бы вкладывать в тебя время и делится нажитым опытом? Пойми правильно, дело то не в деньгах, тут важна идея. 3. Теперь по теме. 3.1. Зачем тебе вообще это направление? Что оно тебе даст? Что ты нашел в вёрстке? 3.2. Если ты считаешь что вместо тебя будет гуглить наставник -- ты ошибаешься. Гугл -- лучший твой помошник. Умеешь правильно составить запрос - умеешь решать задачи. Очень часто бывает так, что поиск решения намного приоритетнее, нежели знания. 3.3. Если ты считаешь что наставник будет тебе давать задания -- ты сильно ошибаешься. Тебе надо -- ты ищи макет, а наставник тебе может написать ТЗ, а потом сказать какая ты бестолочь, указав на твои ошибки в результате -- а это бесценно! 3.4. Любой опыт забирает много времени. Ты не станешь специалистом через год-два! Ты уверен что у тебя вообще хватит сил на то что бы потратить ~5 лет своей жизни в интенсиве и "выкарабкатся" на уровень, когда ты сможешь сверстать страницу (предположим сайта новостей с огромным кол-во блоков) в уме за считаные секунды? Ты уверен что ты хочешь потратить часть своей жизни на изучение вёрстки? ps: нет ничего невозможного, было бы желание
  13. Вам предстоит: Создание отдельных html-элементов(и блоков) пользовательского интерфейса Тестирование корректности работы элементов в разных условиях Создание css стилей и анимаций Что нам от вас нужно: Опыт frontend-разработки от 2-х лет Опыт работы с HTML5/CSS3, понимание принципов верстки, работы с разными браузерами и устройствами Опыт работы с gulp Знание шаблонов проектирования MVC/MVVM Уверенное понимание принципов работы с Git Приветствуется: Опыт работы с JS и фреймворками к нему Желание разработки и внесения разнообразия в динамику интерфейсов с помощью скриптов Опыт работы с canvas Опыт работы в Gamedev Творческий подход к работе и выполнению задачи Мы предлагаем: Длительную занятость от 6ти месяцев, Перспективы длительного сотрудничества над другими проектам, Оплату два раза в месяц, возможны варианты, Платим ЗП в долларах ) Мы готовы к предоплате, Работу удаленную на фултайм. Резюме ждем на avelnison@gmail.com
  14. Ищется верстальщик/фронтенд разработчик (HTML, CSS, JS) на новый проект. Работа сдельная. Необходимые навыки: - верстка адаптивного и отзывчивого дизайна (HTML5, CSS3, JS); - установка и настройка стандартных jQuery (1.11+) плагинов; - разработка JS при отсутствии подходящих плагинов (не обязательно, можем сделать сами). Работа удаленная. Связь Skype, WhatsApp, Telegram. Ориентировочный бюджет: до 50 000 рублей за проект. Обязанности: сверстать frontend на основе шаблона в PSD и прототипа в Axure. Важно соблюдать указанные Вами сроки (либо заблаговременно предупреждать об их изменениях) и точность верстки. Не пропадать. График работы: свободный график. Писать на почту post@clubok.ru или Skype: autonet.ru, Всеволод.
  15. Мы достаточная слаженная команда и работаем как единый механизм. Все члены команды обладают достаточной компетенцией, чтобы выполнять работы разного уровня сложности. Сейчас у нас в команде: 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: hello@twentyfive.agency
  16. Здравствуйте. Дан код: <!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'а. Как исправить?
  17. Привет! Вот мое "творение" Мне интересно в первую очередь фундаментальная критика, но и мелкой буду благодарен))
  18. При использовании 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; }
  19. Доброго времени суток, форумчане. По дипломному проекту мне задали создание сайта, на котором можно будет распространять платные курсы, которые ведёт моё образовательное учреждение. Нужны: регистрация, вход само собой, сама продажа курсов с автоматической записью людей в группы, в каждой группе определённое количество человек, а так же нужно будет через этот сайт следить за посещаемостью (вообще не понимаю зачем) курсов. Курсы оффлайновые, то есть группа людей в соответствии со своим расписанием будут приходить в образовательное учреждение в установленное время и обучаться. Дело в том, что создание сайтов мы изучали на 2 курсе ровно 2 недели. Чутка выучили html и совсем плохо css. Ищу совета в том, с чего мне начинать, что мне понадобится, какая cms для этого будет лучше и нужна ли она будет вообще.. Ну вы поняли, ищу любого совета. Заранее благодарю.
  20. Всем привет! Я только начинаю учиться верстать и хочу узнать,как сделать вот такое меню? Самое главное,что бы оно было адаптивным. Заранее спасибо)
  21. Добрый день! я только начал осваивать веб-программированием и уже столкнулся с некоторыми трудностями, скажите пожалуйста, как сделать так, чтобы объекты были забиксированны в строгом положении на каждой странице. Например: Мне нужно, чтобы молния была всегда строго по центру верхнего блока, а вот блоки с кнопками меню должны быть относительно молнии. Как на макете. Мне кажется, что я изначально начал все делать неправильно. И еще такой вопрос. Старался сделать по уроку, предложенному на сайте, чтобы рисунок менялся на другой при наведении. Через <p></p> у меня просто нет рисунка. Не знаю что и как делать( Подскажите, пожалуйста. Буду очень признателен. index.html styles.css
  22. Всем привет. Хочу сверстать несколько блоков на странице. Шапка, с фиксированной высотой, шириной 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/
  23. Добрый день! Может кто нибудь объяснить мне, не смышленому верстальщику-новичку, как мне выравнить текст по центру картинок? Я уже все перепробывал,но что то не клеится(( на первом скрине я отразил суть проблемы, а на втором то, как это должно быть по макету! (я заменил одну картинку, т.к. это не особо важно, но сути это не меняет) в html я объединил это все (картинки\текст) в один див и дал ему класс. далее я дал класс всем текстовым материалам и ид для каждой картинки, дабы сделать более гибкую настройку, но все пошло не по плану. в CSS класс текста выглядит так: .contenttext { display: inline-block; font-family: 'Raleway', Arial, sans-serif; margin-top: 60px; font-weight: 500; font-size: 130%; } Видимо задавать margin-top: 60px; вообще лишнее, по скольку вместе с текстом перемещаются и картинки. Парюсь уже битый час над этим. Если кто сможет, подскажите, что можно предпринять для разрешения проблемы.
  24. Здравствуйте прошу помочь реализовать нормальный слайдер, в данный момент все в принципи работает как и было задумано, но все картинки привязаны позиционно и накладываются друг на друга из-за чего при уменьшении размера все сбивается <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>
  25. Дан код: <!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 элемент, а не все. Как исправить проблему?