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. выравнивание списка с плавающими элементами

    как можно выровнять по центру экрана немаркированный список с элементами, которым присвоен float:left? Пример вот https://jsfiddle.net/uo406sqj/1/ нужно чтобы выравнивалось по центру. Если float отсутствует, то прекрасно работает text-align:center контейнеру и display:inline-block для списка, а вот как только появляется float у элемента списка - перестает работать. Можно ли как-то выровнять всё же?

    Asked by Ich,

    0 votes
    3 answers

  2. Как сделать позиционирование счётчика в подвале?

    <div class="counter"> <!--LiveInternet counter--><script type="text/javascript"><!-- document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t12.6;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet: показано число просмотров за 24"+ " часа, посетителей за 24 часа и за сегодня' "+ "border='0' width='88' height='31'><\/a>") //--></script><!--/LiveInternet--> </div&g…

    Asked by P0jar,

    0 votes
    3 answers

  3. Расположение объекта.

    Здравствуйте. У меня возникла проблема, что не могу расположить кнопку справа от слов "ИС-41521", постоянно над или под ними. Как мне правильно вставить кнопку, чтобы расположить её справа/слева? <html> <head> <style> #header { /* Верхний блок */ background: #0080c0; /* Цвет фона */ padding: 5px; /* Поля вокруг текста */ position: relative; top: -3px; } </style> </head> <body class="block"> <div id="header"> <h1>ИС-41521</h1> <input type="button" onclick="window.open('Реклама туров.html')" value="Hello World!"> </div> <div id="sidebar"> </body> </html>

    Asked by ErUnDAK,

    0 votes
    3 answers

  4. Кодировка

    Загрузил сайт на hostinger, кодировка в notebook++ поставил utf-8, но стоит загрузить мне сайт на хост, все русские символы превращаются в кириллицу. Как исправить это? В интернете смотрел, там в файле ".htaccess" что-то нужно добавить, но у меня в это файле имеется данный текст, и я просто без идей что мне делать. P.S - файловый менеджер: net2ftp

    Asked by ErUnDAK,

    0 votes
    3 answers

  5. Блок

    Всем добра, проблемка в следующим. Нужно например в блоке <div><img ="1"/><img ="2"/><img ="3"/></div> , разместить изображение(от 2 до 6 шт), например размер изображений width:200px; height: auto; А блок див ограничен width:760-780px, и !!внимание!! самое главное. Как сделать чтобы все лишние фотки прятались, и скролом их передвигал, подобие слайдера, но не слайдер.

    Asked by truca4,

    0 votes
    3 answers

  6. Проблема с тегом button, атрибут class

    Сделал <style>a.button7{....</style>. Если пишу вот так: <p><a class="button7" href="">...</a></p>, то стиль присваивается нормально, но если так: <p><button class="button7" ....>...</button></p>, то стиль не присваивается, хотя гугл говорит, что должен.

    Asked by robikbobik,

    0 votes
    3 answers

  7. Плавное появление информационных блоков на страницах

    На сайте https://pages.github.com/ по мере продвижения скролла вниз, видно как информационные блоки плавно появляются, как-будто выплывают. Как называются такие эффекты? Где можно подробно почитать, чтобы научиться их делать самостоятельно. А может быть есть уже готовые, которые не сложно кастомизировать?

    Asked by Delat,

    0 votes
    3 answers

  8. Переход по ссылке через тип "radio"

    Через тег "input" как можно сделать, чтобы через активный объект (<input type="radio".......>) по нажатию на кнопку был переход на какой-либо сайт?

    Asked by ErUnDAK,

    0 votes
    3 answers

  9. адрес иконок

    Добрый день. Подскажите, как узнать где на сайте http://camafon.ru/ хранятся эти иконки https://yadi.sk/i/HZUAU0R73E7cp4 ?

    Asked by fowl,

    0 votes
    3 answers

  10. Автоматическая подстановка значения title в поле формы обратной связи

    Добрый день! Задача следующая. Сайт на движке Wordpress. Есть форма обратной связи. Она (одна и та же) ставится (шорткодом) на пару сотен страниц-записей. Когда пользователь пишет что-то и отправляет через эту форму, нужно идентифицировать источник запроса, чтобы админу было понятно, с какой именно страницы был отправлен запрос. Пока что я придумал только такой вариант - ввести "невидимое" (для пользователя) поле в форме обратной связи и в нем получать значение тега title или адрес исходной страницы. Как можно автоматически при отправке подставлять в такое поле значение title или линк? Либо буду рад альтернативному решению.

    Asked by Zondek,

    0 votes
    3 answers

  11. Два и более аккордеона на странице

    Доброго времени суток. Возникла проблема с использование двух и более аккордеонов на странице и я к сожалению не могу сама разобраться, как это сделать... Я использую данный аккордеон https://tympanus.net/codrops/2013/03/29/nested-accordion/ , прикреплю свой файл, т.к. в нем есть небольшое изменение, если нет раскрывающего блока, то нет активности у раскрытия. Вызывается работа аккордеона простым кодом. $( '#cbp-ntaccordion' ).cbpNTAccordion(); Работаю в umi, там можно в xsl прописать у id="cbp-ntaccordion{page/@id}", то будет добавляться id данной страницы, но вот как правильно прописать {page/@id}, чтобы в js тоже подставлялся данный номер?…

    Asked by Mary_RND,

    0 votes
    3 answers

  12. Bootstrap navbar burger не работает

    Имею шапку сайта созданную на bootstrap, имеется выпадающее меню открывающееся на мобильных устройствах при нажатии на "бургер", работает на всех устройствах, но не раскрывается на Samsung Galaxy A5, как это можно зафиксить?

    Asked by Chainik,

    0 votes
    3 answers

  13. рушиться дизайн при уменшении окна браузера

    Spoiler Spoiler сверстал шапку сайта, но при уменшение ширины окна браузера, дизайн рушиться, помогите плиз и оцените качеству верстки макет сайта здесь:http://www.dejurka.ru/wp-content/uploads/2012/04/folio.zip верстка4.zip

    Asked by начинающий верстаг,

    0 votes
    3 answers

  14. Фиксированный и центрированный макет

    Есть макет, ширина которого 1638px. Фон за footer-ом/header-ом тянется, т.е. черный фон хедера при изменении масштаба должен быть на всю ширину окна, а контент центрирован, сайт не резиновый. Каким образом это реализовать? Помогите, пожалуйста

    Asked by kitti,

    0 votes
    3 answers

  15. Ширина и высота подменю

    Здравствуйте. Возникла проблема, в которой я не могу выставить у подменю ширину и высоту, а так же центрирование текста. Не "li", не "a" и "ul" не влияют на эти атрибуты. Как правильно написать? https://jsfiddle.net/ErUnDAK/3461nhqd/#fork

    Asked by ErUnDAK,

    0 votes
    3 answers

  16. Подскажите как поменять местами строки

    Есть такой код <div> <span>Text 1</span> <span>Text 2</span> <span>Text 3</span> </div> Как поменять первый и второй <span> местами не используя js и не трогая html? Использовать floatы нельзя, с помощью position:absolute на span:nth-child(2) тоже нельзя. Какие еще есть способы? Гугл молчит как партизан.

    Asked by sergei8550,

    0 votes
    3 answers

  17. Возможность писать в div как в textarea

    Как сделать без применения js и без textarea, чтоб в блоке div пользователь мог писать текст как в textarea? Использовать только css.

    Asked by sergei8550,

    0 votes
    3 answers

  18. Как выполнить проверку input на заполнение?

    Ребятки, есть вот такой вот фрагмент. Есть вот такой код: input:focus + label {display: none} Т.е. когда нажимаешь на input, надпись name исчезает, но стои убрать фокус с формы, надпись появляется снова, причем поверх текста. Получается некая неведомая фигня. Как сделать так, что если в инпуте есть хотя б одна буква, лейбл на нем не появлялся? Пробовал input:not(:empty) + label {display:none;} Но как выяснилось что input всегда empty. И как решить этот вопрос, ума не приложу. 2й день голову ломаю над делеммой.

    Asked by sergei8550,

    0 votes
    3 answers

  19. Заказ адаптивного сайта

    Здравствуйте, подскажите пожалуйста, допустим заказчик хочет адаптивный сайт, дизайнер должен сделать разные PSD макеты, под каждое разрешение, или верстальщик сам должен адаптировать сайт, изменяя шрифт, блоки и т.д. по своему усмотрению?

    Asked by Oleg90s,

    0 votes
    3 answers

  20. Проблема с отображением CSS и HTML

    Проблема такая: создаю HTML-файл, сохранив на рабочий стол. Захожу- открывает все как надо: страница содержит в себе CSS-элементы, включая картинку на заднем фоне. В body я прописал <img src="..."> - картинка видна. Вывод: все работает. Теперь следующее: этот же файл я перенес в папку, чтобы не занимало лишнего пространства на рабочем столе. Но подвох в том, что, открыв его(HTML-файл), выходит не то, что описал в первом абзаце. Вместо красиво оформленной страницы появляется голая страница, в которой, кроме body, ничего нет. Да и то <img src="..."> отображается как незагруженная/ненайденная картина. Т.е. CSS не делает свое дело, а тэг <img> не работает.…

    Asked by SlipSSLucker,

    0 votes
    3 answers

  21. Установка цвета через JavaScript

    Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>пара</title> <script> for(i=0; i<elem.length; i++) { alert(elem[i]); } function lol(nan) { var i; var elem = document.getElementById("sas"); elem.style.color = nan; } </script> </head> <body> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <button onclick="lol('red')">Красный</button> </body> </html> При нажатии…

    Asked by ErUnDAK,

    0 votes
    3 answers

  22. как сделать чекбоксы

    Подскажите, как сделать чекбоксы вроде http://imgur.com/a/NUfi0 совместимые с bootstrap ? Спасибо!

    Asked by mstdmstd,

    0 votes
    3 answers

  23. средний div на всю оставшуюся ширину

    Добрый день. Есть три элемента(кнопка, див, кнопка). Необходимо расположить их в таком порядке: кнопка прижатая к левому краю, кнопка прижатая к правому краю, див на всю ширину между кнопками. Пробую так:https://jsfiddle.net/dahilu/w82yhgn0/3/. Подскажите что нет так?

    Asked by Danil S,

    0 votes
    3 answers

  24. SVG-sprite in IE11

    Всем привет! Столкнулся проблемой отображения svg спрайтов в ie11. Есть два варианта: В 1ом варианте svg экспортировал через плагин generate в photoshop 2015. Hаботает во всех браузерах, но не реагирует на css, даже если почистить все атрибуты у svg. Во 2ом сложнее сохранял как .ai и конвертировал в svg. Не работает только в ie11 (версии ниже не проверял), но реагирует на css, причем не отображаются только некоторые иконки. Спрайт прикрепляю сразу после открывающего тэга body и скрываю его. Обращаюсь к спрайту через, например: svg.contacts__flag(width="60", height="90") use(xlink:href="#flag")

    Asked by Schamil74,

    0 votes
    3 answers

  25. Ссылка на телефон и WhatsApp

    Как сделать ссылку на телефон, чтобы при нажатии, пользователь мог выбрать позвонить либо написать в WhatsApp?

    Asked by Meyirim,

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