Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

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

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Где разместить работы начинающему front-end разработчику?

    Всем привет! Я еще только начинающий front-end разработчик и пока не имею реальных заказов. Есть сайт-портфолио и порядка 5 работ(не на заказ, а собственные), которые хотелось бы где-нибудь разместить. Покупать платный хостинг не хочется, так как он платный, а количество работ со временем будет увеличиваться. Вопрос собственно в том, где можно было бы разместить эти работы, чтобы у каждой было свое доменное имя? Или для этих целей лучше стоит использовать один сайт? Может даже тот же сайт-портфолио?

    Asked by Antoshka007,

    0 votes
    14 answers

  2. Удаление рамки вокруг изображения.

    Добрый день, нужен совет шарящего человека в CSS3 (я думаю даже базовых знаний хватит). У меня вокруг изображения установлена рамка (обычный border). При наведении на изображение рамка должна пропадать, при этом изображение должно оставаться на месте. Я к классу приписывал hover, пытался указать там border:none, но при таком раскладе когда пропадает рамка изображение дергается, когда рамка пропадает (визуально, ведь рамка правда пропадает, тем самым я вижу что изображение сдвигается куда-то вниз, куда-то влево и т.п.) В общем, мне нужно чтобы при наведении на изображение рамка пропадала, но при этом изображение оставалось на месте. а не возвращалось на ту позицию, где бы …

    Asked by KJL,

    0 votes
    3 answers

  3. Проблема с отображением SVG

    Всем привет. Ребята столкнулся с проблемой по SVG, файлы попросту не отображаются, при этом консоль не ругается, адреса в коде актуальные но само отображение не происходит. [hide]bogus.hohmochka.in.ua[/hide] кто то может подсказать, в чем может быть трабл? куда копать то? ЗЫ: хайд какой-то странный =)

    Asked by BogusUA,

    0 votes
    2 answers

  4. Уменьшение изображений для адаптивной верстки

    Здравствуйте, подскажите, есть макет psd, по нему надо сверстать адаптивный сайт, я взял оттуда все изображения, и те, которые вставлял через css, уменьшил для каждого типа разрешения. Проблема в том, что чем сильнее изменяю размер, тем сильнее изображения теряют качество, как решить эту проблему?

    Asked by Oleg90s,

    0 votes
    14 answers

  5. div поверх iframe

    Задача в том что поверх ролика повесить поцентрк рекламу, делаю так,но безрезультатно <html> <style type="text/css"> .block1 { position:absolute; z-index:2 } .block2 { position:relative; z-index:1 } </style> <script type="text/javascript" src="//cdn.o333o.com/embed.js"></script> <body bgcolor=blue> <div class="block1" position: absolute;> <iframe width="510" height="400" src="" frameborder="0" scrolling="no" allowfullscreen></iframe> <div class="block2" position:relative;> <iframe class='na' src='' frameBorder='0' scrolling='no' width='300' height='250'></…

    Asked by Кузьменко андрей,

    0 votes
    2 answers

  6. как задать размер ПсевдоЭлементу

    Добавляю псевдоэлемент - картинку h2:after{ content:url(../img/bart.png); position:relative; left:0.5vw; } Как задать этому элементу размер? Height, Width всё дело в том, что есть before и after, которые должны быть чётко по краям заголовка, оно всё правильно стоит, но только размер указать не выходит. Если сделать элемент блочным, тогда проблемно расположить его правильно. вот так это выглядит, но если приблизить, псевдоэлементы станут больше.

    Asked by xTODx,

    0 votes
    11 answers

  7. Выбор ноутбука для front-end разработки

    У меня бюджет 10к грн. Остановил свой выбор на ноутбуке HP 255 G5 (Y8C03ES) . Скажите, он подойдет для обучения и работы на фрилансе? Не будет ли виснуть макеты в фотошопе CC? Или с таким ноутом лучше не соваться в ит? Спасибо. Экран 15.6” (1920x1080) Full HD, глянцевый с антибликовым покрытием / AMD Quad-Core A6-7310 (2.0 - 2.4 ГГц) / RAM 8 ГБ / SSD 128 ГБ / AMD Radeon R4

    Asked by Hasiev,

    0 votes
    7 answers

  8. Получить список шрифтов используемых в PSD, есть ли такая фича в фотошопе?

    Здравствуйте уважаемые форумчане! В иллюстраторе есть такая функция FIND FONTS и там можно сохранить в формате TXT шрифты которые использованы в проекте, есть ли что то на подобие в фотошопе? Или только щелкать по каждой текстовой надписи?

    Asked by stan07,

    0 votes
    5 answers

  9. Вписать изображение в контейнер с подгонкой размеров

    Доброго времени суток, прошу помощи в решении задачи. Пример (как должно быть): На данном рисунке: Есть общий контейнер (зеленый прямоугольник), чьи размеры (и ширина и высота) заданы фиксированно (но эти величины заранее не известны + при изменении размеров окна браузера могут меняться) Внутри общего контейнера лежит контейнер изображения (красный прямоугольник). Ну и есть само изображение, о котором не известно вообще ничего. Суть задачи: изображение должно масштабироваться сохраняя свои пропорции так, чтобы занимать всю высоту или ширину зеленого контейнера (быть вписанным в зеленый контейнер), при этом красный контейнер должен име…

    Asked by ows.nightwolf,

    0 votes
    7 answers

  10. Фиксированный сайдбар, скролл-страница контент

    Верстаю сайт на бутстрапе. Возник такой вопрос. Нужно чтобы левый сайдбар был фиксирован, а правые 2 блока скроллились. Причем сайдбар должен фиксироваться только после того как проскроллится шапка (шапку фиксировать не нужно). Прилагаю макет и примерную схему. P.S. Пробовал класс affix, но что-то не вышло, вероятно я неправильно его использовал.

    Asked by spyrofunk,

    0 votes
    10 answers

  11. Размер окна браузера (не экрана)

    Для контроля ширины блоков использую медиа запросы в CSS. Они отлично определяют разрешение экрана, но как без js узнать размер окна браузера? P.S. Причем если менять размер размер окна десктопного браузера, то запросы @media screen работают идеально. Мобильный браузер пытаясь имитировать десктопный, уменьшает все так, что шрифт не разобрать. Пытался с помощью (<meta name="viewport" content="width=device-width, initial-scale=1">) исправить, оно просто скалирует не влияя на размер блоков.

    Asked by Ubhra,

    0 votes
    6 answers

  12. Несколько popup окон на одной странице на чистом JS

    Здравствуйте! Подскажите, пожалуйста, как реализовать несколько popup окон на одной странице на чистом JS? Например, если у кнопки и у popup окна одинаковые id: https://jsfiddle.net/rjno6o9q/

    Asked by volshebnyi,

    0 votes
    6 answers

  13. Как увеличить размер ссылки?

    Как увеличить размер области для клика в меню? По умолчанию ссылка срабатывает только если кликнуть на текст "главная". А как сделать, чтобы по всему li можно было нажать и перейти? пробовал указывать ширину и высоту для a, li, ul - всеравно не работает Вспомнил. Я же уже сталкивался с этим. нужно ссылке прописать дисплей:блок

    Asked by nikki4,

    0 votes
    1 answer

  14. как растянуть картинку на всю ширину ячейки

    как убрать эти пробелы под пингвинами? <!DOCTYPE html> <html> <head> <title>таблицы</title> <meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" /> <link rel = "stylesheet" href = "styles.css"/> </head> <body> <table id = "main"> <tr> <td id = "header" colspan = "2">1</td> <tr/> <tr> <td id = "left"> <ul> <li>Главная</li> <li>Главная</li> <li>Главная</li> </ul> </td> <td> <h1 class = "title…

    Asked by ya novenkiy,

    0 votes
    2 answers

  15. Bootstrap menu - гамбургер

    Доброго времени суток. Проблема лежит в Bootstrap menu, точнее в телефонной версии, так называемый гамбургер появляется только на экранах разрешения 767px шириной, а хотелось чтобы гамбургер меню было на планшетах. Причина заключается в том, что это первоначальное меню, и оно еще будет дополняться. (хотя и уже такое на телефоне не приятно видеть). Как и где поменять размер смены обычного меню на гамбургер? Сайт если будет нужен http://izhprint.org/ bootstrap файл тоже прикрепил. Заранее спасибо за помощь! bootstrap.css

    Asked by Liv0n,

    0 votes
    2 answers

  16. Адаптивный текст на кнопке

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

    Asked by Igorewa,

    0 votes
    21 answers

  17. Уникальный стиль полосы прокрутки для отдельного блока на странице

    На странице установлен уникальный стиль полосы прокрутки (средствами ::-webkit-scrollbar). Нужно немного иначе стилизовать отдельный блок на странице. То есть, чтобы полоса прокрутки внутри него была другого цвета и ширины. Как это сделать?

    Asked by LUC,

    0 votes
    3 answers

  18. Проблема с fancybox на мобильных устройствах

    Приветствую! Может кто-нибудь уже сталкивался с такими проблемами. Есть сайт http://stroymechanika.intelinets.ru/ Модалки fancybox (заказать звонок (http://take.ms/OeqbJ), оставить заявку (http://take.ms/0dCvS)) отображаются некорректно на мобильных устройствах. Выглядят слегка растянуто, примеры: http://take.ms/3YomPG http://take.ms/BktjY Модалки работают на type: ajax Инициализируются вот так: $.fancybox({ href: url, type: "ajax", openSpeed: 0, closeSpeed: 400, openEffect: 'none', padding: 0, beforeShow: function(){ $(".fancybox-overlay").addClass("r741-opened"); if(typeof callback === "function"){ c…

    Asked by osi-v,

    0 votes
    2 answers

  19. Выпадающий список с автозаполнением, скроллом и вводом своих значений

    Ёмкость заголовка зашкаливает, так что к сути. Datalist даёт прекрасный и лёгкий в понимании список с автозаполнением и возможностью записи своего значения, я уже сделал его сюда: https://jsfiddle.net/8f53otky/3/ Есть проблема лишь с отсутствием скролла, а значений в моём списке может быть сколь угодно много. Я пытался настроить виджет combobox из jquery ui - там тоже нет скролла и он не поддерживает ввод значений не из списка. Здесь отмечен решением такой код: <div style="overflow-x: hidden; overflow: scroll; width: 100%; height:500px"> <asp:DataList ID="someId" runat="server"> .... normal datalist implementation here …

    Asked by Melodyn,

    0 votes
    2 answers

  20. bootstrap, выход за предел container

    Как в bootstrap сделать что бы фон меню(ленточка) выходил за края container? Возможно ли это вообще?

    Asked by Brodyaga337,

    0 votes
    8 answers

  21. Как скрывать/показывать поле в зависимости от выбранного в списке?

    есть обычный список, и пару текстовых полей. Как делается так, что при выборе "красного" автоматически активируется поле куда надо ввести что-то красное, а поле для зеленого - скрыто. как только выбирается зеленый цвет, то красное поле пропадает, и предлагают ввести зеленое <select name="color"> <option value="red" >красный/option> <option value="green">зеленый</option> </select> <input type="text" name="red_color" value="введите что-то красное" /> <input type="text" name="green_color" value="введите что-то зеленое" />

    Asked by nikki4,

    0 votes
    5 answers

  22. Выпадающее меню поверх другого блока

    Добрый день всем, возникла проблема с адаптивностью меню, реализовал выпадающее меню, Но оно сдвигает нижний блок "Услуги мастерской". Теперь сам вопрос, как реализовать меню, что бы оно не сдвигало блок услуг, а легло поверх, т.е перекрывало его.

    Asked by Владимир Горинов,

    0 votes
    2 answers

  23. Горизонтальное меню без использования ul>li

    Подскажите, для чего горизонтальное меню оборачивать в ul>li, если можно обойтись только дескриптером '<a>'? Только чтобы меню формально было списком? В чем подвох и почему никто так не делает? Привожу ниже мой код и скриншот готового меню. <!DOCTYPE html><title>Test Page</title><meta charset = "utf-8"><link rel = "stylesheet" href = "style.css"><div> <nav> <a href="#">Home</a> <a href="#">Portfolio</a> <a href="#">About</a> <a href="#">Contacts</a> <a href="#">Forum</a> <a href="#">Support</a> <a href="#">Callback</a> </nav> …

    Asked by vano1208,

    0 votes
    24 answers

  24. Галерея для Pop-up

    Ребят, помогите, пожалуйста, уже 2й день зависаю над проблемой. Я создал тестовый сайт для портфолио http://my-tasks.cu.cc/. На сайте в разделе "Галерея" есть кнопка "Посмотри работу". При нажатии на кнопку должно появиться Pop-up окно с галереей изображений ( смотреть тут http://prntscr.com/axydgn ) Но при нажатии кнопки появляется только такое окно ( смотреть тут http://prntscr.com/axyi4w ). Если нажать на стрелку "лево" или "право", то прогружается и сам слайдер. Без Pop-up слайдера все работает без проблем. Сам слайдер я создал при помощи Slick Slider. Pop-up установил Magnific-popup Если кому нужен архив с файлами, вот он (https://drive.…

    Asked by VIVA,

    0 votes
    5 answers

  25. как растянуть картинку на всю доступную ширину блока?

    Добрый день,учусь верстать с псд,выбрал себе макет,и столкнулся с проблемой. http://joxi.ru/D2PKwp0HdlbGNm есть блок,внутри 3 столбца,у каждого есть заголовок. перед заголовком иконка с синим квадратом,после заголовка иконка с пунктиром. пытался сделать все это при помощи псевдоэлементов before и after. <div class="about"> <div class="row"> <div class="col-md-4 about"> <p>services</p> </div> <div class="col-md-4 about"> <p>our tearms</p> </div> <div class="col-md-4 about"> <p>27/7/365 support</p> </div> </d…

    Asked by F4rr3LL,

    0 votes
    13 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