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. Пустота между дивами

    Всем привет. Такая вот проблема, при включении в код трех DIV-ов (составляющих логотип) - появляется дикий отступ под логотипом. Уже перепробовал что только можно. Хеееелп Для удобства выложил сюда все включая картинки http://boatsrepair.us/Desktop/index.html вопрос не только в том что бы пофиксить этот глюк, но и понять откуда он ... style.css index.html

    Asked by burgman,

    0 votes
    1 answer

  2. Выстраивание картинок в блоке

    Здравствуйте дорогие форумчане. Честно говоря сложно описать мою идею по реализации, но я надеюсь я смогу разрешить эту проблемы картинками Прошу помочь мне создать блок в котором бы картинки были наклонены. Идея такова, есть блок на сайте в котором я бы хотел реализовать такое: Всего нужно, чтобы в блоке было 4 такие картинки(короче как на картинке, только на всю ширину блока), нужно их реализовать на всю ширину блока. В каждом из этих четырех будет кнопка и текст сверху. Сам блок который называется "Каталог // наши товары" связан с бутстрапом. Ну а теперь в чем заключается моя проблема. Я не знаю как сделать такие наклонные блоки с из…

    Asked by MadSandwich,

    0 votes
    12 answers

  3. можно ли открыть макет sketch в win

    Доброго времени суток. Скажите возможно ли открыть sketch в виндовс? https://avocode.com/ - есть такая прога, она работает на винде но не работает плагин sketch, так как есть только для OS

    Asked by Altakil,

    0 votes
    4 answers

  4. Не работает INSERT INTO

    Друзья помогите пожалуйста с проблемой сам не пойму в чем она. Есть запрос mysql_query(" INSERT INTO blog (title, text) VALUES ('$title', '$text') "); он должен записать в бд его (phpmyadmin) но в чем весь сок он не записывает ошибок не выдает. В чем проблема? Для большего понятия я прикрепил 2 ссылки с кодами. Сам проект у меня на локалке (OpenServer).Спасибо! http://pastebin.com/YzfVjuk2 http://pastebin.com/jSdfWXYw

    Asked by Tardpipl,

    0 votes
    9 answers

  5. Использовать трансформацию в анимации JQuery

    Как применить трансформацию через анимацию JQ $('.abz span:last').click(function(){ $('.w').animate({ transform: 'scale(.9)' }); });

    Asked by aqua.77,

    0 votes
    10 answers

  6. Адаптивность кнопки в привязке к внешнему контейнеру

    Есть у меня слайдер, каждый слайд - картинка, и на каждой картинке есть кнопка. Так вот задача, чтобы при адаптивном уменьшении картинки, кнопка сохраняла положение и изменяла размер пропорционально. Возможно ли это? Вот пример https://jsfiddle.net/yhnf3m9L/1/ положение вроде сохраняется, а вот размер - беда.

    Asked by Ich,

    0 votes
    0 answers

  7. Подвижный дым на фоне

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

    Asked by Alarr,

    0 votes
    2 answers

  8. Не могу настроить карусель

    Добрый день, друзья! Не могу настроить карусель внизу странички. Нужно ускорить старт и уменьшить временной интервал между скачками. Может таймаут большой, но что я только не делал!?!? Как об стенку горох. Может не там рою???? Путь к скриптам тут Спасибо!

    Asked by Vic-Tor,

    0 votes
    2 answers

  9. <input type='text'> с display:table-cell и width:100%

    Доброго времени суток. <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8" /> <title>Документ без названия</title> <style> .table { display:table; width:100%; } .table-cell { display:table-cell; border:solid 1px black; } .aaa { width:100%; } </style> </head> <body> <div> <form class='table'> <div class='table-cell'>текст</div> <input type='text' class='table-cell aaa' maxlength='50'> <input type='submit' value='отправить' class='table-cell'> </form> </div> </body> </html>…

    Asked by den_alex_96,

    0 votes
    1 answer

  10. Пошаговая анимация

    https://jsfiddle.net/5259to6a/ Нужно чтобы при щелчке внешний блок появлялся с помощью функции slideDown, и только после его появления внутренний абзац появлялся в помощью c анимации.

    Asked by aqua.77,

    0 votes
    1 answer

  11. проблема с версткой модального диалога

    Привет, Подскажите, пожалуйста, возникла проблема с версткой списка после применения новых файлов стиля(исходная страница и js-код не менялись) другим разработчиком. перестал работать вызов модального диалога Надо зайти на login под логином mstdmstd@rambler.ru 8cc10asu и далее на страницу listи кликом на кнопке "FILTER" вызывается js-функция usersListFilterApplied() с вызовом диалога $( "#users_list_dialog_filter" ).modal( { "backdrop": "static", "keyboard": true, "show": true } ); блок дива users_list_dialog_filter определен - но диалог не открывается И при наведении мышей на этой кнопкой <button type="button" class="btn sbold green btn-s…

    Asked by mstdmstd,

    0 votes
    0 answers

  12. Проблема наложения слоёв

    Есть чёрный блок который наложен на красный блок, у чёрного блока есть зелёный блок который должен быть сзади красного блока. Как такое организовать без редактирования html кода? https://jsfiddle.net/ooceokLd/1/

    Asked by aqua.77,

    0 votes
    1 answer

  13. Несколько начертаний шрифта на сайте

    На сайте используется несколько начертаний шрифта Circe. Хочу объединить их все под одним именем, и вставить таким образом в css (чтобы декларировать его только для Body): @font-face { font-family: 'Circe'; src: url('Circe-ExtraLight.woff2') format('woff2'), url('Circe-ExtraLight.woff') format('woff'), url('Circe-ExtraLight.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Circe'; src: url('Circe-Light.woff2') format('woff2'), url('Circe-Light.woff') format('woff'), url('Circe-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; } Вопрос, как в таком случ…

    Asked by vip,

    0 votes
    0 answers

  14. Размер картинки в css

    Здравствуйте! Объясните, пожалуйста, как задать высоту и ширину картинки посредством css. (Как задавать размеры в HTML объяснять не надо).

    Asked by Jools_13,

    0 votes
    2 answers

  15. Отмена события щелчком мыши

    При наведении указателя мыши объект появляется, при отведении указателя мыши объект удаляется. Применил функцию off чтобы, при нажатии объект не удалялся при отведении мыши. Как сделать чтобы при обратном щелчке вновь объект удалился и работал как прежде? https://jsfiddle.net/zb9q7e8b/2/

    Asked by aqua.77,

    0 votes
    3 answers

  16. При наведении на блок вывести мета инфо

    Доброго вечера форумчане . После просмотра уроков верстки, решил самостоятельно сверстать макет (скачать) При наведении на .about-team, мета должна выезжать вверх c прозрачным фоном и так-же появляются соц сети, уже несколько часов ломаю голову, но никак не получается сделать все нормально, взглянув на код вы сами сделаете выводы)) Уважаемые эксперты, просьба: Направьте меня на путь истинный. Как бы вы все это оформили? п.с Простите за быдло код <section class="team center-block-main"> <h2>Meet Us</h2> <div class="about-team"> <img src="image/team-1.jpg">…

    Asked by ShaxaY,

    0 votes
    3 answers

  17. Как получить айди нажатого объекта?

    У меня есть картинка <input type = "image" class = "but1" id = "11">. Её айди 11. Как сделать так, чтобы при нажатии на эту картинку я получал её айди, то есть 11?

    Asked by Kun32216,

    0 votes
    1 answer

  18. Как хранить операторы в переменной?

    var h = '+'; alert(5 h 5); Надо чтобы в переменной h был оператор +. Чтобы в сложении использовать его вместо знака '+'.

    Asked by aqua.77,

    0 votes
    9 answers

  19. Несколько tooltip на одной странице. Как реализовать на чистом JavaScript

    Здравствуйте! Имеется несколько дивов на одной странице. Внутри каждого дива скрытый tooltip в виде текста в span. Подскажите, пожалуйста, как на чистом JavaScript реализовать следующее - при клике на div.retailer-item должен открыться скрытый В НЕМ span.tooltip-content. https://jsfiddle.net/ak1jbt5x/1/ Заранее благодарен за помощь!

    Asked by volshebnyi,

    0 votes
    6 answers

  20. Смещение Блока при наведении

    Верстаю макет, имеется блок с border в 1px, при наведении он должен менять цвет и становится на 1px больше т.е 2px, все сделал, но при наведении он смещает на 1px другие блоки, как можно это исправить? .welcome-box{ float:left; width:28%; margin-left: 3.3%; text-align: center; border:solid 1px #cac8c5; padding:15px 8px; } .welcome-box:hover{ border:solid 2px #1dde85; } .welcome .welcome-box:first-child{ margin-left:0; }

    Asked by ShaxaY,

    0 votes
    7 answers

  21. Не работает открытие ссылки в фоновой вкладке

    При клике колесом мыши (или левой кнопкой мыши при зажатом Ctrl) по темам форума, они не открываются, при том не у всех. Общался с администратором, он чистил куки, кэш и прочее. В чём проблема и как это можно исправить?

    Asked by iBars,

    0 votes
    3 answers

  22. Обучение

    Всем привет. Я программист со средним специальным образованием. Навыки работы с сайтами - самые минимальные. Хочу научиться всему сама с нуля. Вопрос очень простой - посоветуйте пожалуйста хорошую литературу/видео-уроки/что-либо подобное для теоретического изучения. Заранее спасибо)))

    Asked by AnnaNew,

    0 votes
    2 answers

  23. Верстка таблиц

    Как на сегодняшний день общепринято верстать таблицы под маленькие разрешения устройств? Какие существуют техники верстки адаптивных таблиц?

    Asked by Delat,

    0 votes
    6 answers

  24. Как создать такой индикато скролла страницы?

    При скролле полоса должна заполняться. Как можно создать подобную форму? Есть ли примеры?

    Asked by posthack,

    0 votes
    1 answer

  25. Кроссбраузерность line-height или как правильно центровать текст по вертикали

    Всем здравствуйте! Столкнулся с проблемой и никак не могу найти рабочее решение. Помогите неучу, пожалуйста! Вот ссылка на JSFiddle и пример кода: HTML: <div class="lineHeight"> HELLO // line-height method </div> <div class="padding"> HELLO // padding method </div> CSS: @import url('https://fonts.googleapis.com/css?family=Open+Sans'); div { font-family: 'Open Sans', sans-serif; font-size: 14px; height: 100px; background: lightgreen; margin: 5px; padding-left: 10px; box-sizing: border-box; } .lineHeight { line-height: 100px; } .padding { padding-top: 42px; /* (100px - 14px) / 2 - 1px */ } Ситуация следующа…

    Asked by Arinden,

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