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. Прямоугольник со скруглёнными сторонами (полуэллипс-полупрямоугольник)

    Возник вопрос как сверстать без картинок (с картинками я знаю как делать) блоки на картинке: http://li.tl/i/j/xwpEi.png Мучался с border-radius, стороны получаются в определённый момент прямыми (на картинке прямых частей почти не видно). Гуглил SVG - тоже ничего похожего, либо эллипс, либо просто углы скруглены. Также отдельно буду благодарен за совет про пимпочку снизу.

    Asked by antonKar,

    0 votes
    1 answer

  2. помогите с кодом

    здравствуйте, помогите пожалуйста с кодом, мне нужно сделать сложное горизонтальное меню нужно что-бы кнопки первого уровня не растягивались и все остальное появлялось при наведении на кнопку первого уровня код разметки. Заранее благодарен за ваше потраченное время <menu id="menu"> <li class="red">блабла <ul> <h3 class="cat">Категория</h3> <li>второй уровень</li> </ul> </li> <li class="green">блабла</li> <li class="orang">блабла</li> <li class="blue">блабла</li> <li class="aqua">блабла</li> <li class="chid">б…

    Asked by fil667,

    0 votes
    1 answer

  3. подскажите слайдер

    нужен такой слайдер http://hostingkartinok.com/show-image.php?id=c11cdb5a7d26f6d65d39cd3390bda000 не могу найти именно такой функционал. что общее количество отображалось, автоплей кнопка была и миниатюры. может кто знает?

    Asked by raptor-dm,

    0 votes
    1 answer

  4. RSS

    Завёл для сайта RSS, добавил такую строку. <link rel="alternate" type="application/rss+xml" title="WebReference.ru" href="//feeds.feedburner.com/webref"> И ничего. Раньше хоть в адресной строке браузера иконка RSS была. Теперь как вообще RSS использовать и подключать?

    Asked by Vlad,

    0 votes
    1 answer

  5. bootstrap: переход для 480

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

    Asked by cyklop77,

    0 votes
    1 answer

  6. вопрос по google chrome

    Всем привет, я новичок, сильно не бейте.. Такой вопрос: в css при использовании псевдокласса :hover к любым элементам на страничке (банально на полупустой странице с парой слов текста) - в хроме, при наведении мыши на эти элементы - они подсвечиваются(закрашиваются) ПЛАВНО ,тоесть с задержкой, как будто анимация, в других браузерах такого нет. Как это безобразие в хроме выключить? Помогите пжл! Спасибо заранее!

    Asked by manni,

    0 votes
    1 answer

  7. Спрятать движущийся текст в CSS

    Есть движущийся текст, двигается из стороны в сторону в коробке, требуется сделать, чтобы текст не было видно, когда он выходит за пределы коробки: HTML файл: <html> <head> <title>123</title> <link rel="stylesheet" href="css.css"> </head> <body> <div id="banner"> <h1>Акция!<br> 3 по цене 2!</h1> </div> </body> </html>CSS: div#banner{ border: 10px solid orange; border-radius:10px; width:500px; height: 300px; margin: auto; background-color: brown;} h1{ font-size: 50px; font-family: Comic Sans MS; vertical-align: middle; -webkit-animation: ani 1s infinite alternate; animation: ani 1…

    Asked by Coriolis,

    0 votes
    1 answer

  8. Перемещение ровно на 20 пикселей правее

    Добрый день, в общем вот макет <style type="text/css">.port{ height:200px; width:80%; margin: 0 auto;}.port .one{ width:20px; height:300px; opacity:0.8; transition:1s; }.port img{ -webkit-transform: perspective(1000px) rotateY(40deg); transform: perspective(1000px) rotateY(40deg); width:200px; height:300px; }.port .one:nth-child(1n){ float:left; margin: 10px; position: relative; left:0px; z-index:4; }.port .one:nth-child(2n){ float:left; margin: 10px; position: relative; left:-20px; z-index:3; }.port .one:nth-child(3n){ float:left; margin: 10px; position: relative; left:-40px; z-index:2; }.port .one:nth-child(4n){ float:left; margin: 1…

    Asked by xTODx,

    0 votes
    1 answer

  9. Как сделать возможность загрузки музыки как в ВК?

    Чтоб можно было взять музыку и добавить на сайт

    Asked by RuslanHeYca4ev,

    0 votes
    1 answer

  10. CSS

    Не получается поменять заголовок у материалов во Views - http://mebel-market.today/mebel/stekla - он не должен быть жирным и должен стоять по центру.... При этом заголовки в других вьюсах... должны оставаться прежними... - http://joxi.ru/GrqMgPoHQX15rz

    Asked by 561144,

    0 votes
    1 answer

  11. Помогите

    парни помогите, пожалуйста! Есть вот такая форма, типо гостевой. В ней реализованы ввод данных от пользователя, запись их в фаил .txt и вывод этих сообщении на страницу. Также есть чекбокс с уведомлением о письме на мыло администратору. Задача такова, чтобы при написании комментария пользователь мог выбрать, отправлять письмо админу или нет. Я не могу это реализовать. Надо чтобы, если он поставил галочку в чекбоксе, мне приходил дубликат его коментария на почту, но и при этом коментарий остался на сайте. А если не стоит чекбокс ничего не приходило, а просто так же добавлялся комментарий. Помогите, пожалуйста!!! <?php $name = $_POST['name']; // собираем введенные …

    Asked by Rockstar,

    0 votes
    1 answer

  12. создание странички для радио

    Здравствуйте, необходимо сделать простою страничку для местного радио по интернету. Фон при нажатии F5 или обновить страничку браузера будет всегда меняться, возможно заместо картинки будет красивая gif-анимация - понимаю, что в этом случае страничка потяжелеет, интересует может всё таки оставить просто картинку? На страничке будет плеер который будет проигрывать радио Также на страничке будет счётчик сколько людей сейчас сидит на этой страничке. Вопрос: Какие минимальные знания нужны для создания сей страницы. Хочется, чтобы страничка была легко весом и без применения всевозможных cms т.е написана на языках программирования. Подозреваю необходимо будет воспользоваться…

    Asked by mrfrankinshtain,

    0 votes
    1 answer

  13. Проблема при входе на сайт

    Здравствуйте! Подскажите пожалуйста в чем проблема, когда заходишь на сайт, то отображается не верх сайта, а почти низ. Где ошибка в коде?

    Asked by FitTech,

    0 votes
    1 answer

  14. CSS-хак для IE9 воспринимает Chrome

    Для IE9 существует css-хак ":root" : :root .style { font-size: 15px !important\9; } Тем не менее, данный хак воспринимает Chrome и Firefox. Если убрать в коде "\9" :root .style { font-size: 15px !important; }то ничего не меняется. Подскажите, пожалуйста, как решить проблему? UPD: Проблема решает изменением кода: :root .style { font-size: 15px \9 !important; }Вопрос можно закрывать.

    Asked by TorchTT,

    0 votes
    1 answer

  15. Картинка с метками

    Всем привет, нужно сделать карту с обозначениями на ней стран. Метки должны быть кликабельные. Вся проблема в том что макет резиновый, и метки должны располагаться именно над страной(те не сьезжали при растягивании-сжимании).

    Asked by sssppp6,

    0 votes
    1 answer

  16. Как сделать input как в facebook?

    В точности как у него не надо, мне как кнопки так расположить надо узнать и впринципе все

    Asked by RuslanHeYca4ev,

    0 votes
    1 answer

  17. Использование :after&:before

    Доброй ночи! Нужно сделать пунктирную линию справо и слево от изображения. На картинке пример http://c2n.me/3c83tWt Вот то как это пока сделал я http://jsbin.com/pibecoyofo/1/edit?html,css,output Кто подскажет как сделать больше чем одна точна с одной стороны?

    Asked by alex.kv,

    0 votes
    1 answer

  18. Запретить браузеру запоминать переходы в iframe в историю

    Всем привет. Такая проблема. Широко пользуемся модальными окнами на сайте. Внутри модальных окон требуются переходы между страницами, отправки формы и т.п. Поэтому решили вставить в jQuery.dialog iframe, и отображать страницы внутри iframe. Проблема следующая. Если внутри iframe были переходы по страницам, браузер запоминает их в историю. Поэтому после закрытия модального окна, если нажать на внопку "Назад", то браузер остаётся на той же главной странице, потому что переход был внутри уже скрытого iframe. В общем надо как-нибудь запретить браузеру запоминать переходы внутри iframe? Единственное, что нашёл - это использовать location.replace вместо ссылок, но там ещё…

    Asked by Serg@NT,

    0 votes
    1 answer

  19. посоветуйте адаптивный слайдер

    есть картинки 1920х500 Нужен адаптивный слайдер такой чтобы высота картинок была 500 пока ширина браузера не превысит например 1000px, а потом картинки пропорционально уменьшаются. пример - standartpark.ru Слайдеры которые смотрел сразу ресайзят картинку, и при небольшой ширине они выглядят очень узко. Посоветуйте решение пожалуйста.

    Asked by likiweaks,

    0 votes
    1 answer

  20. что должно происходить?

    не много лоигку не понимаю http://s011.radikal.ru/i315/1502/cb/b4b4810a4573.jpg есть стрелка под хедером, что должно происходить? ничего или щелчок с прокруткой к первому слайду?

    Asked by raptor-dm,

    0 votes
    1 answer

  21. Загадка с CSS

    Всем привет! Бьюсь уже час, не могу понять. Сайт go-gamer.ru Проблема с содержимым футера. Оно никак не хочет подчиняться тому, что написано в CSS. Помогите пожалуйста понять причину.

    Asked by Coder_D,

    0 votes
    1 answer

  22. Размещение блоков на странице

    Добрый вечер, господа! У меня в макете нужно сделать следующее наложение блоков http://c2n.me/3c7Bs0s Нужно чтобы на слайдере была наложена шапка Никак не могу придумать как это сделать. Подскажите как бы это сделали вы? Вот то что сейчас есть: http://justexemple.host56.com/

    Asked by alex.kv,

    0 votes
    1 answer

  23. Скошенная сторона у блока произвольной высоты, IE8 и выше, как реализовать?

    Необходимо реализовать блок со скошенной стороной, как на картинке: Нагуглить решение мне не удалось. Есть ли способ такое реализовать IE8 и выше, желательно без использования картинок?

    Asked by Shiza,

    0 votes
    1 answer

  24. Скрипт для миниатюр

    дабы сэекономить кучу трафика я ищу скрипт, который из картинки <img> имеющей произвольную высоту и ширину делает определённого размера миниатюру без php это возможно?

    Asked by radioactive68,

    0 votes
    1 answer

  25. определить шрифт

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

    Asked by cyklop77,

    0 votes
    1 answer

  • Обсуждения

    • 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