Jump to content
  • Sign Up

Search the Community

Showing results for tags 'html'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • HTML и CSS
    • Проблемы верстки
    • Препроцессоры, постпроцессоры и шаблонизаторы
    • Методологии
    • Фреймворки и библиотеки
  • JavaScript
    • Для начинающих
    • Фреймворки и библиотеки
    • Скрипты и плагины
  • Разработка сайтов
    • Для начинающих
    • Инструменты разработки, сборки и автоматизации
    • Аудит и анализ кода
    • Программное обеспечение разработчика
    • Веб-дизайн
    • Мобильные платформы
    • Open Source
  • Серверное программирование
    • Для начинающих
    • PHP
    • Платформы и языки программирования
    • Базы данных
    • Скрипты, готовые движки, CMS, конструкторы
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Сервер
    • Техническая поддержка
    • Веб-сервер
    • Базы данных
    • Хостинг
    • Домены
  • Интернет-маркетинг, SEO
  • Коммерческие услуги
  • Давайте поговорим о ...
  • Наш форум

Calendars

  • События форума
  • События партнёров
  • Все события

Blogs

There are no results to display.

There are no results to display.

Marker Groups

  • Members
  • Front-end
  • Back-end
  • Education
  • Looking for job
  • Offering job

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Web site


ICQ


Jabber


Skype


From


Interests

Found 889 results

  1. Я начинающий верстальщик, обучаюсь всему HTML, CSS и JQuery около 3-х месяцев. Хотелось бы узнать оценку других разработчиков на мою верстку. Сайт: https://danilpolyanskiy.github.io/index.html
  2. Начал учить HTML для себя. Проблема в том, что сделал заголовок и таблицу, но, нужно чтобы текст был внизу таблицы. Сделал для этого подвал, но что-то не работает, все равно текст выше таблицы. —————-- <!DOCTYPE html> <HTML> <HEAD> <meta charset="utf-8"> <TITLE>Главная страница</TITLE> </HEAD> <BODY> <header> <H1> <center>Текст Заголовка ...</center> </H1> </header> <center> <table border="100"> <tr> <th>№</th> <th>Текст</th> <th>Текст</th> <th>Текст</th> <th>Время</th> <th>Текст</th> </tr> <tr> <tr> <td>1.</td> <td>Текст</td><td>Текст</td><td>ОКР</td><td>17.20.34 - 18.07.2020</td><td> </td> <tr> <td>2.</td> <td> </td><td> </td><td> </td><td> </td><td> </td> <tr> <td>3.</td> <td> </td><td> </td><td> </td><td> </td><td> </td> <tr> <td>4.</td> <td> </td><td> </td><td> </td><td> </td><td> </td> <tr> <td>5.</td> <td> </td><td> </td><td> </td><td> </td><td> </td> <tr> <td>6.</td> <td> </td><td> </td><td> </td><td> </td><td> </td> <tr> <td>7.</td> <td> </td><td> </td><td> </td><td> </td><td> </td> </tr> </center> </BODY> <footer> Тексdт </footer> </HTML>
  3. Добрый день У меня есть вопрос, на который я не могу найти ответ.У меня не работает якорь,а именно на сайте (горит синим,но при нажатии не переносит),код прописан.Якорь находится на фиксированном блоке. Если кто может помочь с решением проблемы,жду ответа.
  4. Здравствуйте возникла проблема: http://prntscr.com/t96dcc (parallax) его высота смещает блок с текстом. Может подскажите другую рамку с текстом или как исправить это. Параллакс: <section class="parallax sticky" id="scene"> <div class="parallax-L" data-depth="0.3" id="L"><img src="img/bmw-m32.png" alt="" /></div> #L { width: 100%; height: 50vh; padding: 0; margin: 0; } .L { background: url(bmw-m32.jpg) left no-repeat; background-size: cover; overflow: hidden; } img { max-width: 20%; height: auto; } .sticky{ position: sticky; top: 0; } Рамка с текстом: <div class="ramka-5"> Рамка 5 </div> .ramka-5 { width: 4000px; position: relative; z-index: 2; background-color: white; width: 50%; margin: 0 auto; padding: 25px; border-right: 1px solid #333; border-left: 1px solid #333; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 24px; font-family: 'Roboto Condensed', sans-serif; }
  5. Добрый день. Проблема: Настраиваю в отдельном CSS стили для шрифтов h1, h2 и т.д., но когда начинаю их применять внутри тега div - не вижу изменений. Сам CSS подключил, в нем и другие настройки стилей, которые успешно применяются к файлу html.
  6. Возникли сложности с созданием нестандартной формы в конструкторе сайтов, может кто-то сталкивался с такими проблемами? Как решать такие проблемы в конструкторах по типу Lp Motor и Tilda(есть блок html есть куда вставить css, ну и соответственно есть возможность вставлять скрипты js), что использовать и как отправлять формы на почту в такой ситуации?
  7. В медиа запросах в стилях стоят переопределенные стили под разные экраны, путём уменьшения экрана подключается эти медиа запросы. Видел ролик, что так нельзя делать. если в инспекторе закрыт стиль черточкой то это плохо, но не знаю почему. Стоит ли так делать или стоит всё переделать!? Мой сайт <!DOCTYPE html> <html lang="ru"> <head> <meta name="viewport" content="width=device-width"> <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet"> <link rel="stylesheet" href="css/clear_css.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/slider.css"> <meta charset="UTF-8"> <title>GoSport</title> </head> <body> <header class="header"> <div class="header-logo"> <img class="header-logo__img" src="img/logo.svg" alt="logo"> <div class="header-logo__logo-title"> <div class="header-logo__title-top">GoSport</div> <div class="header-logo__title-bottom">Магазин спортивных товаров</div> </div> </div> <div class="call"> <a class="call__number" href="tel:+7(495)746-86-48">+7(495)746-86-48</a> <button class="call__btn">Заказать звонок</button> </div> </header> <div class="header-menu"> <nav class="menu"> <a class="menu__link menu__link_none" href="#">Тренажеры</a> <a class="menu__link" href="#">Фитнес</a> <a class="menu__link" href="#">Инвентарь</a> <a class="menu__link" href="#">Массажное оборудование</a> <a class="menu__link" href="#">Другое</a> </nav> </div> <div class="lk-box"> <form class="form-search"> <input class="form-search__input-search" type="search" name="q" id="gsearch" placeholder="Поиск среди 7000 товаров"> <button class="form-search__find-button" type="submit"></button> </form> <div class="panel"> <button id="panel__exit">Войти</button> <button id="panel__basket">Корзина</button> </div> </div> <div class="description"> <div class="top-directory"> <h1 class="description__title"> Начните вести здоровый образ жизни вместе с GoSport! </h1> <p class="description__text"> Все товары вы сможете найти у нас в каталоге, на некоторые из них действуют сезонные скидки и спец предложения. У нас в наличии множество товаров как для новичков так и для профи. </p> <button class="description__btn"> Смотреть каталог </button> </div> <div class="top-slider"> Слайдер </div> </div> </body> </html> @charset "utf-8"; /* CSS Document */ .header { display: flex; justify-content: space-between; height: 91px; background-color: #2B3D2F; flex-wrap: nowrap; } .header-logo{ display: flex; align-items: center; align-self: center; flex: 0 0 auto; padding-left: 21px; } .header-logo__img{ width: 50px; height: 50px; } .header-logo__logo-title{ padding-left: 15px; } .header-logo__title-top{ font-family: Roboto; font-style: normal; font-weight: bold; font-size: 18px; line-height: 21px; color: #FFFFFF; } .header-logo__title-bottom{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; color: #FFFFFF; } .call{ display: flex; justify-content: flex-end; align-items: center; align-self: center; flex: 0 0 auto; flex-wrap: wrap; } .call__number{ font-family: Roboto; font-style: normal; font-weight: bold; font-size: 14px; line-height: 16px; color: #FFFFFF; } .call__btn{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 13px; line-height: 15px; color: #FFFFFF; border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 5px; padding: 15px; background: #2B3D2F; margin: 0px 80px 0px 38px; transition-duration: 2s; transition-property: border-color, color; } .call__btn:hover { border-color: chartreuse; color: chartreuse; } .header-menu { display: flex; align-items: center; height: 28px; background: rgba(22, 30, 25, 0.97); } .lk-box{ display: flex; justify-content: space-between; margin: 25px 0px 0px 0px; padding: 0px 70px; } @media screen and (max-width : 786px ){ .call__btn{ margin: 0px 10px 0px 10px; } .lk-box{ display: none; } nav.menu{ font-size: 10px; margin-left: 15px; } .call{ display: flex; margin: 0px; } .header-logo{ display: flex; justify-content: flex-start; padding: 0px 0px 0px 12px; } .header{ padding-top: 10px; height: 115px; } .header-menu{ height: 25px; } } @media screen and (max-width : 435px ){ nav.menu{ display: none; } .call__btn{ padding: 8px; } .header-logo{ padding: 0px; } .header-logo__logo-title{ padding-left: 5px; } .call{ padding-bottom: 5px; } .header{ flex-direction: column; justify-content: space-around; } .call__number{ display: none; } .header-menu{ height: 17px; } } .menu { display: flex; font-family: Roboto; margin-left: 71px; } .menu__link { display: flex; color: #FFFFFF; margin-left: 25px; flex: 0 1 auto; transition-duration: 0.7s; transition-property: color; } .menu__link_none { margin: 0; } .menu__link:hover { color: lightskyblue; } .form-search{ display: flex; flex: 0 1 auto; margin-left: -50px; } .form-search__input-search{ width: 345px; padding: 0px 15px; border: 1px solid #E6E6E6; border-radius: 3px; } .form-search__find-button{ background: url("../img/search-icon.svg") no-repeat 50% 50%; /* Параметры фона */ background-size: 25px; background-color: #FF8E25; border-radius: 0px 5px 5px 0px; width: 50px; height: 45px; flex: 0 0 auto; } .form-search__find-button:hover{ background-color: rgba(255,127,8,1.00); transition-duration: 0.9s; transition-property: background-color; } .form-search__input-search:hover{ border-color: dodgerblue; transition-duration: 1.2s; transition-property: border-color; } .panel{ display: flex; justify-content: space-between; } #panel__exit{ display: flex; justify-content: center; align-items: center; min-width: 100px; min-height: 45px; font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; color: #FF8E25; transition-duration: 0.9s; transition-property: color, background-color; background-color: white; border: 1px solid #E6E6E6; border-radius: 3px; } #panel__exit:hover{ color: white; background: #FF8E25; } #panel__basket{ display: flex; justify-content: flex-start; align-items: center; width: 168px; height: 45px; background-color: #FF8E25; border-radius: 3px; font-family: Roboto; padding-left: 20px; font-style: normal; font-weight: normal; font-size: 14px; color: #FFFFFF; transition-duration: 0.9s; transition-property: background-color; margin-left: 20px; } #panel__basket:hover{ background-color: rgba(255,127,8,1.00); } .form-search__input-search:-ms-input-placeholder{ color: #DDDDDD; font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; } .form-search__input-search::placeholder{ color: #DDDDDD; font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; } @media screen and (max-width : 550px ){ .call__number{ display: none; } } .description{ display: flex; padding: 24px 81px 0px 80px } .top-directory{ display: flex; flex-direction: column; flex: 0 0 auto; width: 40%; padding-top: 50px; margin-right: 77px; } .description__title{ font-family: Roboto; font-style: normal; font-weight: bold; font-size: 36px; line-height: 42px; color: #161E19; } .description__text{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; color: #161616; margin-top: 18px; } .description__btn{ width: 205px; height: 50px; font-family: Roboto; font-style: normal; font-weight: bold; font-size: 14px; line-height: 16px; color: #FFFFFF; background-color: #FF8E25; border-radius: 5px; margin: 35px 0px 0px 35px; } .description__btn:hover{ background: red; } .top-slider{ width: 60%; } @media screen and (max-width: 790px) { .description__title{ font-size: 24px; line-height: 28px; } .description__text{ display: none; } .description{ flex-direction: column; padding: 0px; } .top-directory{ display: flex; flex-direction: row; align-items: center; width: 100%; padding: 15px; } .description__btn{ margin: 0px 0px 0px 117px; padding: 0px 10px; } .top-slider{ width: 100%; } } @media screen and (max-width : 454px ){ .header-logo{ padding: 0px 5px; } .header-logo__logo-title{ display: none; } .description__btn{ font-size: 10px; line-height: 12px; margin: 7px 0px 0px 0px; width: 123px; height: 30px; } .description__title{ font-size: 14px; line-height: 16px; text-align: center; } .top-directory{ flex-direction: column; padding: 20px; } }
  8. Здравствуйте, помогите, пожалуйста сверстать блок (в красной рамке). Как сделать слайдер на заднем фоне, и чтобы зеленая линия не смещалась при изменении размера окна?
  9. Здравствуйте все, у меня возникла проблема при верстке Changelog на сайте, проблема в том что при выборе пункта ченжлог должно появлятся окно с выбором версий, и если выбираешь описание то это окно с версиями должно исчезать, файлы прикрепил, помогите пожалуйста, как это можно реализовать, заранее благодарю за ответы htdocs.rar
  10. Здравствуйте! Нужна помощь хорошо разбирающихся людей в верстке. Написал часть сайта (html, css) адаптив. На сайте только шапка, поисковая форма, вход и корзина. Подскажите, что я сделал не правильно в коде. Какими способами можно реализвать форму поиска с кнопкой, вход, и корзину. Я понимаю что много ошибок, хоть код и не большой. Буду благодарен за любой отзыв и разбор. Спасибо!!! ссылка на сайт — u1071267.isp.regruhosting.ru
  11. <button class="but" onclick="tap">Пельмени</button> Как я могу в JS получить слово "Пельмени"?
  12. Задача: Создать линию определённых размеров и расположить её по центру экрана. Код HTML: <div class="line"></div> Код CSS: .line { position:absolute margin-top:650px; height:2px; width:1200px; background: black; }
  13. Здравствуйте клиент хочет чтобы картинка была сверстанна полностью именно на html css, кто то сталкивался c такой проблемой? возможно есть советы по тому как это сделать правильно. Волна по центру и все остальные вещи должны быть заверстанны в том числе.Интересует как это сделать с минимумом костылей. И остро стоит вопрос чтобы это все дело было адаптивно. На данный момент все что смог сделать https://jsfiddle.net/RomanFF/jL9swq7h/37/ с border нормальный сделать смогу, не понимаю принцип по которому мне все сопоставить так чтобы не полетело все потом, мне хотябы общие принципы объяснить в каком направлении дальше двигаться
  14. Как можно поднять фиолетовый блок (находится в MAIN) вверх , чтобы он заполнил верхнюю прозрачную часть заднего плана HEADER-а? Свое образный переход будет...
  15. недавно начал изучать html css, вроде все понятно, но не могу сообразить как правильно сверстать такой header. помогите примером
  16. Прошу оценить дизайн, юзабилити и общее впечатление https://ivanoffivan13.github.io/portfolio/
  17. Должно быть как на первом скриншоте. Что не так я делаю или как правильно переделать??? Помогите пожалуйста уже всю голову сломал!
  18. Добрый день. Интересует как можно запретить использовать правую кнопку мыши на сайте, чтобы не смогли посмотреть код страницы. Я понимаю что метод простой, но он необходим ) Так же есть страница где находится 4 фрэйма и тоже надо защитить от правой кнопки мыши. Указываю пример фрейма который есть, сайт указанный в коде не мог, просто для примера. <head> <!название вкладки браузера> <title>XXXXX</title> </head> <body> <iframe src="http://iphones.ru" name="XXX" width="1800px" height="600px" scrolling="No" frameborder="0" align="center"> </iframe> <iframe src="http://iphones.ru" name="XXX" width="1800px" height="600px" scrolling="No" frameborder="0" align="center"> </iframe> <iframe src="http://iphones.ru" name="XXX" width="1800px" height="600px" scrolling="No" frameborder="0" align="center"> </iframe> <iframe src="http://iphones.ru" name="XXX" width="1800px" height="600px" scrolling="No" frameborder="0" align="center"> </iframe> </body> Заранее спасибо
  19. Не могу расположить второй ряд картинок все div идут в одну строчку. Пробовал и команду clear (both, left) всем блокам прописан float:left.(Всё в конце кода). Заранее спасибо за помощь.На всякий случай прикреплю ещё картинки. index.html style.css
  20. Ребята, выручайте. Есть задача сделать плитку с датой, как во вложении. Сделал рамку скруглённую в виде фонового изображения блока div. Внутри div сделал 3 тега "р" , так как у каждого текста свои стили должны быть и отступы разные. Но текст разъезжается и вылезает за выделенные для него границы. Подскажите, как быть.HTML<div class="latest"><p class="number">15</p><p class="june">June</p><p class="year">2016</p></div>CSS.latest {background-image: url(image/square.png);width: 98px;height: 139px;margin-left: 445px}.number {padding-top: 32px;color: #000000;font-family: Poppins;font-size: 32px;font-weight: 500;height: 24px;}.june {color: #9e9e9e;font-family: Poppins;font-size: 14px;font-weight: 500;line-height: 48px;padding-top: 12px;}.year {color: #9e9e9e;font-family: "Poppins - Medium Italic";font-size: 13px;font-weight: 400;line-height: 48px;height: 11px;padding-top: 10px;}
  21. Здравствуйте! Возникла проблема с реализацией одной идеи. Есть интерактивный объект с возможностью прокрутки городов. И есть фотографии, сделанные в виде cards bootstrap 4. Необходимо, чтобы при выборе города выделялись определенные фотографии. Можете подсказать, как можно это реализовать в верстке, какие материалы изучить? Схематический рисунок прикреплен ниже. Заранее спасибо)
  22. Зравствуйте, у меня два флекс контейнера. class logo class menu мне нужно чтобы контейнер class menu ужался с правой стороны Прикладываю код: https://jsfiddle.net/RomanFF/513wcj60/2/
  23. Здравствуйте, у меня два вопроса, буду благодарен за ответ 1.Когда в теге DIV делаешь text-align:center; текст внутри выравнивается по центру блока в самом верху блока, но если внутри него вставить тег p(он получается тоже блочный), текст делает сверху отступ. Я раньше думал что когда внутри одного блочного элемента div создается другой блок <p> и отступ сверху будет равен верхней части контейнера, но там идет отступ намного больше. Не понимаю откуда вообще взялся этот отступ сверху. цифры 8 и 9 2.Я свойством inline-block цифру 11 сделал строчным элементом, и расстояние между 10 и 11 цифрой увеличилось еще больше. Почему так получилось, и от чего это зависит? Выкладываю код https://jsfiddle.net/RomanFF/96bruwsc/8/
  24. Нужен наставник, интересует верстка, устал искать разрозненные знания в интернете. Естественно не бесплатно. Со своей стороны знаю где и как брать реальные заказы, (не про биржи фриланса). Уже работаю с заказчиками приходится использовать Addobe Muse, WordPress, параллельно работаю директологом. Ты научишь меня верстке. Если ты просто знаешь как верстать, и делаешь это хорошо и усидчиво, я помогу монетизировать тебе твои знания, а ты научишь меня верстке.
  25. Сверстаю сайт по PSD шаблону (HTML+CSS, одностраничный, многостраничный, адаптивна верстка). Недорого. Email: saka150577@gmail.com
×
×
  • Create New...