Jump to content

Web-site Development

Making the web cool

Subforums

  1. Web Design

    Making web beautiful and comfortable

    73
    posts

Explore Questions

There are no popular questions to show right now

149 questions in this forum

  1. Верстка нестандартных блоков

    Здравствуйте клиент хочет чтобы картинка была сверстанна полностью именно на html css, кто то сталкивался c такой проблемой? возможно есть советы по тому как это сделать правильно. Волна по центру и все остальные вещи должны быть заверстанны в том числе.Интересует как это сделать с минимумом костылей. И остро стоит вопрос чтобы это все дело было адаптивно. На данный момент все что смог сделать https://jsfiddle.net/RomanFF/jL9swq7h/37/ с border нормальный сделать смогу, не понимаю принцип по которому мне все сопоставить так чтобы не полетело все потом, мне хотябы общие принципы объяснить в каком направлении дальше двигаться

    Asked by РоманФ,

    0 votes
    3 answers

  2. Отправка нестандартных форм на конструкторах сайтов

    Возникли сложности с созданием нестандартной формы в конструкторе сайтов, может кто-то сталкивался с такими проблемами? Как решать такие проблемы в конструкторах по типу Lp Motor и Tilda(есть блок html есть куда вставить css, ну и соответственно есть возможность вставлять скрипты js), что использовать и как отправлять формы на почту в такой ситуации?

    Asked by РоманФ,

    0 votes
    1 answer

  3. Как подключить шрифты к html ,css

    Ребята,подскажите как правильно подключить к html и css шрифты,для того чтобы на всем сайте был один шрифт для всех заголовков,параграфов и ссылок?

    Asked by Marina_T,

    0 votes
    1 answer

  4. Помогите, header больше, чем нужно. Как уменьшить высоту или в чем проблема?

    Погуглила про колоны и сетки, но ничего толком не нашла... Код: <div class="wrap"> <header id="header"> <div class="container"> <div class="row"> <div class="col-md-12"> <button id="primary-nav-button" type="button">Menu</button> <a href="index.html"><div class="logo"> <img src="img/logo5.jpeg" alt="Our Logo" style="width:320px;height:145px;> </div></a> <nav id="primary-nav" class="dropdown cf"> …

    Asked by Robel,

    0 votes
    3 answers

  5. Не меняется размер/цвет/тип шрифта внутри div

    Добрый день. Проблема: Настраиваю в отдельном CSS стили для шрифтов h1, h2 и т.д., но когда начинаю их применять внутри тега div - не вижу изменений. Сам CSS подключил, в нем и другие настройки стилей, которые успешно применяются к файлу html.

    Asked by konoplev_ps,

    0 votes
    2 answers

  6. Не работает карта ссылок

    Заплутал в двух соснах <!doctype html> <html> <head> <meta charset="utf-8"> <title>Town</title> <body style="margin: 0px; background: #f35e62;"></body> </head> <body> <img src="Images/fortown.jpg" usemap="#menus" alt="Места" style="display: block; margin: auto; height: 100vh"/> <map name="menus"> <area shape="circle" coords="1052,386,70" href="gathering place.html" target="_blank" alt="Место сбора"> <area shape="circle" coords="934,633,70" href="placeofdeparture" target="_blank" alt="Место отправки"> </map> </…

    Asked by 107andz,

    0 votes
    0 answers

  7. Как выровнять текст в списке?

    Необходимо выровнять текст по левому краю (см. скриншот, по красной линии), что-бы текст не уходил под маркер. Пункт реализованы через список. <ul> <li>Текст</li> <li>Текст</li> <li>Текст</li> </ul>

    Asked by Alexey63,

    0 votes
    3 answers

  8. Footer - не работает подвал страницы

    Начал учить 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&gt…

    Asked by Jericho,

    0 votes
    1 answer

  9. Не работает карта ссылок

    Заплутал в двух соснах <!doctype html> <html> <head> <meta charset="utf-8"> <title>Town</title> <body style="margin: 0px; background: #f35e62;"></body> </head> <body> <img src="Images/fortown.jpg" usemap="#menus" alt="Места" style="display: block; margin: auto; height: 100vh"/> <map name="menus"> <area shape="circle" coords="1052,386,70" href="gathering place.html" target="_blank" alt="Место сбора"> <area shape="circle" coords="934,633,70" href="placeofdeparture" target="_blank" alt="Место отправки"> </map> </…

    Asked by 107andz,

    0 votes
    0 answers

  10. отображение карты ссылок

    Имеется страница сайта на которой есть только картинка, размером 1920х1200px, с картой ссылок. Соответственно, когда меняется разрешение экрана, эта карта съезжает с заданных точек. Вопрос: кто-нибудь может подсказать решение этой проблемы, кроме создания списка медиазапросов ?

    Asked by 107andz,

    0 votes
    0 answers

  11. Как избавиться от переопределения стилей?

    В медиа запросах в стилях стоят переопределенные стили под разные экраны, путём уменьшения экрана подключается эти медиа запросы. Видел ролик, что так нельзя делать. если в инспекторе закрыт стиль черточкой то это плохо, но не знаю почему. Стоит ли так делать или стоит всё переделать!? Мой сайт <!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 …

    Asked by fooxy96,

    0 votes
    2 answers

  12. Расстояние между строчкой и картинкой

    Подскажите можно увеличить расстояние между текстом и картинкой в маркированном списке. Конкретно для маркированного списка?

    Asked by Kristi,

    0 votes
    1 answer

  13. Ищу способ управлением товарами ( Импорт / Выгрузка)

    Доброго времени суток форумчане, несколько поставщиков дают xml / csv / xls .. документы с прайслистами которые слегка отличаються друг от друга. Необходимо реализовать " Решение " для управление товарами: импорта, редактированияи последующей выгрузки на сайты, на другие ресурсы и тд. Есть несколько моих вариантов решения которые я ещё не смог реализовать: 1. Google doc - настроить функции на импорт, но там лимит на количество данных а как частями или обход я не знаю ( подскажите кто знает) 2. База данных -- тут я вообще 0, но более компитентные люди советовали напрямую загружать. 3. Софт или облачный сервис - ну 1с было бы в идеале но не уместно т.к. я сам рабо…

    Asked by Meerkat,

    0 votes
    0 answers

  14. Проблема с CLS

    Здравствуйте. Гугл недавно выдал "Проблема с CLS: значение показателя выше порогового (0,25). Устройство: мобильные устройства". С десктопной версией все в общем понятно. Проблема как это исправить на мобильной версии. Все элементы такие как картинки и видео с ютюба подстраиваются под размер экрана и изначально их точные размеры не известны, только ширина в процентах. Как можно в процентом представлении блоков определить их высоты и заранее зарезервировать место?

    Asked by alleclf,

    0 votes
    0 answers

  15. Авто регистрация

    Всем привет, В общем зародилась у меня идея одна но для ее реализации не могу придумать как автоматизировать регистрацию. Суть в чем мне нужно чтоб каждый новый пользователь заходит первый раз на адрес сайта, попадал на регистрацию профиля , а все последующие входы уже вели на другой адрес сайта .

    Asked by SizzZa,

    0 votes
    1 answer

  16. Медиазапросы

    Где максимально подробно почитать про медиа запросы? На русском.

    Asked by torsar,

    0 votes
    1 answer

  17. View port units интерфейс через Web View

    В общем свежая безумная идея сделать интерфейс на VPU(view port units) таким образом чтобы избежать media queries. Сейчас сделано определение мобильной версии браузера и на CSS4 vars сделаны переключатели масштаба элементов интерфейса. Поскольку дизайн полностью масштабируется под размер окна и не нужны ни какие костыли и сетки, я хочу добавить в свой фреймворк такую опцию, как автоматическая генерация Android приложения, которое бы работало на Web View. У нас уже везде webkit и можно было бы сделать заготовку приложения, которая бы скрывала строку ввода адреса браузера, но оставляла возможность поменять URL, на который обращается приложение. Я не пишу под …

    Asked by Full-R,

    0 votes
    3 answers

  18. Аудит MySQL движка

    Здравствуйте. Есть движок БД и для него нужно провести аудит. Конкретно интересует следующее. Стоит ли удалять смайлы, как последовательность символов в функции: // Cleanup outer SQL protected static function escapeOuter( string $s ): string { return preg_replace( ['/(\/\*\s*\w*\s*(?!.\/\*))/si', '/(\-\-\s*\w*\s*(?!.\-\-))/si', '/(or\s*\w*\s*=\s*\w(?!.*or)|\|\|\s*\w*\s*=\s*\w(?!.\|\|))/si', '/[\x{10000}-\x{10FFFF}]/u'], [';', ';', '', '\xEF\xBF\xBD'], str_replace( ['#', '+--', '--+', '"', "\x1a", '%', 'qq ', '--', '/*!', '*/'], ['&sharp;', '', ';', '&quot;', '\\Z', "\%", '&#45;&#45;', '&#47…

    Asked by Full-R,

    0 votes
    1 answer

  19. Кто покупал шаблоны в «Templatestore»?

    Кто покупал шаблоны в «Templatestore»? Что за площадка, какие отзывы?

    Asked by Aleksandr77,

    0 votes
    1 answer

  20. Бесплатный хостинг для первого сайта

    Совсем недавно начал осваивать фронтенд, походу обучения делаю свой простенький справочник по html/css, дабы закреплять полученную информацию на практике. Хотелось бы открыть доступ к сайту в сети. Посоветуйте бесплатный хостинг.

    Asked by CrystalCrystal,

    0 votes
    3 answers

  21. Как убрать отступ между элементами меню на сайте?

    Есть тестовый сайт: http://multigramen.ru/ Между картинкой и меню создался какой-то белый отступ, и я не могу удалить его, чтобы элементы приклеились друг ко другу: Если вырезать следующий код: <a class="header_logo"> <img class="header_photo" src="img/header.png" width="100%"> </a> то меню приклеивается и всё в порядке, хотя в CSS, по сути, нет отступов, которые мешались бы: .header_logo { flex:0 0 40px; } .header_photo { display:none; } Сайт имеет мобильную версию. Код сейчас разбит на два медиа-запроса: max-width:767px и min-width : 768px Помогите понять, как убрать этот пробел, не затронув другие элементы. У…

    Asked by MultiGramen,

    0 votes
    7 answers

  22. Страница входа на бутстрап

    Есть такой простой скрин логин формы, нужно сверстать на бутстрапе 4.5, все кроме логотипа должно выравниваться по центру по вертикали. У меня основная проблема как разбить страницу на колонки, залить фоном одну сторону и центрировать. Не прошу сделать за меня. Просто подскажите куда копать и какие варианты есть сделать?

    Asked by lodar,

    0 votes
    2 answers

  23. помогите настроить форму на лендинге пожалуйста

    Здраствуйте ,такая проблема я скачать лендинг с М1-shop. не могу настроить форму ,что бы мне приходили письма на мыло. То есть я настроил , письмо приходит и в нем нет имени и номера телефона ,которое оставлял в форме на лендинге,а просто название лендинга и ИП. Очень прошу помочь, уже все перепробовал.

    Asked by aweningq,

    0 votes
    0 answers

  24. Проблемы со страницами

    Верстаю сайт многостраничник с услугами по-старому на html. Сейчас дошел до подразделов и для этих стран создал папку, которая назывется также, как и документ с разделом (например: /uslugi.html и /uslugi.html/auto). Из-за одинакового названия, эту страницу бразуер не находит и выдает ошибку. Пришлось создать папку с другим название, но тогда получается, что структура уже плохая. Подскажите, как можно создать многостраничник, чтобы структура была поочередная и красивая????

    Asked by igoresos,

    0 votes
    1 answer

  25. Поехавшая верстка, проблемы с распределением ширины

    Всем привет, возникла следующая проблема: .reviews__photo { width: 50%; height: 500px; position: relative; } .reviews__content { width: 50%; display: flex; flex-direction: column; justify-content: center; padding-left: 80px; При таком коде возникает следующая ошибка, текст сьезжает вниз: Вроде все логично - 50 + 50 = 100% и для педдинга не остается места и текст переносится. Однако насколько я понимаю, педдинг должен входить в эти 50%, и текст не должен переносится? По крайней мере так в примере, по которому я делаю. У меня это уже не первый раз такая проблема, помогает только изменение 50% на 43…

    Asked by Garretidze,

    0 votes
    2 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept