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. Кодировка

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

    Asked by ErUnDAK,

    0 votes
    3 answers

  2. Кодировка

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

    Asked by ErUnDAK,

    0 votes
    0 answers

  3. Как найти работу верстальщику с небольшим опытом

    Добрый День. Версткой сайтов занимаюсь около года. За это время приобрел базовые навыки по HTML 5, CSS 3 , Scss, bootstrap 3,основы Java Script, jQuery, gulp, git, основы PHP, cms Wordpress Примеры проектов: https://evgenal.github.io/Iglesia/homepage https://evgenal.github.io/Akad/homepage https://evgenal.github.io/Mairala/ Несколько месяцев тому начал искать работу, но столкнулся с ситуацией, что без опыта работы резюме не рассматривают, а на фрилансе без рейтинга заказ не взять. Как найти свою первую работу, может кто чего подскажет?

    Asked by Spinto,

    0 votes
    2 answers

  4. Ожидание закрытия

    Как заставить элемент списка в котором есть подменю, "гаснуть" после того как подменю исчезло? https://jsfiddle.net/b5uma4re/13/ Сейчас если навести и убирать указатель на элемент подменю, то "гаснет" и сам родительский элемент.

    Asked by aqua.77,

    0 votes
    1 answer

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

    <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

  6. Ошибка в коде

    В этом коде у меня почему-то не хочет делать отступ справа. Час маюсь, решил на форум зайти. Укажите на ошибку мне и как надо правильно написать. P.S - команду брал даже с сайта, тоже не рабочая. <html> <head> <style> #header { /* Верхний блок */ background: #0080c0; /* Цвет фона */ padding: 1px; /* Поля вокруг текста */ padding-right: 10px; position: relative; top: -3px; } .lol { background: #ffe url(images/help.png) no-repeat top right; /* Параметры фона */ border: 2px solid black; /* Параметры рамки */ padding: 2px; /* Поля вокруг текста */ padding-right: 90px; /* Поле справа */ } </style> </head> <body…

    Asked by ErUnDAK,

    0 votes
    1 answer

  7. Почему box-shadow не затеняет картинки?

    подскажите, в чем дело? www.road.media - при разворачивании каталога бренды машин не затеняются, а логотип сайта, например - да.

    Asked by d0ublezer0,

    0 votes
    0 answers

  8. HTML 5.0

    Организация W3C публично представила черновик очередной, пятой версии языка гипертекстовой разметки HTML, который используется в веб-страницах. HTML 5 позволит веб-мастерам рисовать двухмерные изображения средствами языка, эффективнее вставлять на страницы аудио- и видеоклипы. Кроме того, HTML 5 позволяет разработчикам хранить данные на стороне клиента. Из новой версии языка предлагается убрать около 15 тегов. Предыдущая версия языка, HTML 4, вышла десять лет назад, в декабре 1997 года. Работа над HTML 5 ведется с марта 2007 года.

    Asked by Elendor,

    0 votes
    206 answers

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

    Здравствуйте. У меня возникла проблема, что не могу расположить кнопку справа от слов "ИС-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

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

    Ёмкость заголовка зашкаливает, так что к сути. 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

  11. Fancybox убрать стрелочки

    Доброго времени суток всем, такая вот у меня смешная проблема... Не получается убрать стрелки и крестик тоже, а вот попробовал padding изменить все получилось, подскажите пожалуйста в чем причина? $container.find('a').fancybox({ 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'speedIn' : 200, 'speedOut' : 200, 'overlayOpacity' : 0.6, 'arrows' : false }); если нужно какой либо еще код скажите, я все добавлю, заранее спасибо.

    Asked by KamZed,

    0 votes
    3 answers

  12. Увеличеие шрифта по нажатию кнопки

    Как мне через тэг INPUT сделать кнопку, по нажатию которой ОПРЕДЕЛННЫЙ текст будет увеличиваться/уменьшаться?

    Asked by ErUnDAK,

    0 votes
    7 answers

  13. выравнивание списка с плавающими элементами

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

    Asked by Ich,

    0 votes
    3 answers

  14. Как изменить полосу прокрутки браузера

    Делаю тёмную тему для сайта. Заметил что светлая полоса прокрутки портит весь вид (на светлом шаблоне всё выглядит нормально). В гугле нашел несколько статей, но работает это как-то криво. Скажите пожалуйста, есть ли нормальное кроссбраузерное решение по изменению полосы прокрутки. Всё что мне надо - изменить цвет. Да, и, стоит ли из-за этого беспокоится ) Спасибо.

    Asked by alleclf,

    0 votes
    2 answers

  15. Стандартный title

    Здравствуйте, помогите пожалуйста избавиться от стандартной всплывающей подсказки. Есть блок в котором при наведении я реализовал вывод подсказки, но он показывает их сразу две, ту что я сделал и ту которая идет стандартной от браузера. Вот код моей подсказки .tooltips{ display: inline; position: relative; } .tooltips:hover:after{ background: #767E9E80; border-radius: 5px; bottom: 15%; color: #fff; content: attr(title); left: 10%; padding: 5px 15px; position: absolute; z-index: 98; width: auto; text-align: center; } .tooltips:hover:before{ border: solid; …

    Asked by MadSandwich,

    0 votes
    2 answers

  16. Эффект видимости только на определенном элементе

    Как сделать так, чтобы один блок (абсолютно спозиционированный) был виден только в границах другого блока?

    Asked by Alex.a,

    0 votes
    1 answer

  17. Как правильно поставить картинку в полную страницу.

    У меня имеется картинка с белым фоном, хотел поставить её в полный размер страница по процентам, дабы объект этой картинки был в центре, но как только выставляю значение в свойстве CSS "background-size: 100%;", весь фон становится белым. Приведите правильный пример как вообще сделать всё правильно, и желательно, так же на картинке с белым фоном и центральным объектом.

    Asked by ErUnDAK,

    0 votes
    2 answers

  18. добавить табам прокрутку

    помогите пожалуйста поправить табы от бутстрапа3 в этом примере при уменьшении ширины окна вкладки выстраиваются в несколько этажей. мне же хотелось бы чтобы они всегда состояли из одного этажа, но имели возможность прокручиваться по горизонтали(это умеют табы от ng-material) это мне нужно чтобы сделать трёхуровневые табы. для них критично чтобы каждый уровень состоял строго из одного этажа

    Asked by cyklop77,

    0 votes
    1 answer

  19. Поиск наставника!

    Здравствуйте. Изучаю верстку уже около полугода. Недавно встал такой вопрос: "А почему бы не найти человека,который будет мне помогать в верстке,давать советы,говорить как лучше сверстать,тыкать носом в мои ошибки?". Я понимаю,может этот пост будет написан напрасно,т.к. мало людей,кто хочет тратить время на совершенно левых людей,да еще и бесплатно. Но все же,я ищу человека,который станет моим наставником,будет составлять ТЗ, которому можно будет задавать вопросы,когда что-то непонятно,который будет давать советы,как лучше сверстать/назвать тот или иной блок. Немного о себе: Юноша,15 лет,изучаю верстку с августа(сначала прошел курсы на htmlacademy.ru, затем,вот,недавно,за…

    Asked by SilencerWeb,

    0 votes
    26 answers

  20. Резиновая картинка (больше-меньше)

    Всем привет. Не могу дать ладу...подскажите плз. Свертал лэндинг на HD разрешение, но беспокоит что шапка не резиновая. Как средствами ксс и хтмл сделать загрузку другого фонового изображения, если разрешения монитора меньше 1920px...

    Asked by Bandyy,

    0 votes
    1 answer

  21. Как в html5, разместить объекты <figure> в две строчки три столбца, без таблиц?

    Как в html5, разместить объекты <figure> в две строчки три столбца, без таблиц? спасибо. Применяя float: left; первые три блока размещаются как необходимо, а вот со следующими тремя блоками - беда. Ни как они не хотят, следующей строкой ((( .a1 { background: #FFFFFF; border:5px; padding: 10px; display: block; width: 150px; float: left; margin: 0 10px 10px 0; text-align: center; } <! -- первые 3 блока —-> <article> <figure class="a1"> <p><img src="image.png" alt=""></p> <figca…

    Asked by luxwood,

    0 votes
    1 answer

  22. 4 в ряд меняющиеся картинки в шапке сайта

    Помогите! надо в шапке сайта расположить 4 картинки, которые будут при этом постоянно меняться(в каждой картинке 4 варианта (того 16 картинок в папке) хотелось бы чтоб менялись рандомом. Перепробовала кучу скриптов, либо не работают, либо картинки сбиваются влево. Таблицей их тоже дисциплинировать не получилось. подскажите нормальный рабочий скрипт в html

    Asked by zoobic,

    0 votes
    20 answers

  23. Как проверить разметку на ssi?

    Всем добрый день! Маленький вопрос, в Гугле так и не нашел ответа. Как проверить на валидность сайт с применением ssi ? Заранее спасибо!

    Asked by Vic-Tor,

    0 votes
    0 answers

  24. Как float-элемент прижать к нижней границе родителя?

    Здравствуйте! Пожалуйста, помогите решить проблему. Никак не могу прижать (оранжевый) float элемент с классом .text, к нижней границе (желтого) родителя с классом .main Пример: http://codepen.io/Econavi/pen/bgBXLp

    Asked by Goodman-77,

    0 votes
    19 answers

  25. Абсолютно позиционированный объект выходит за пределы

    Абсолютно позиционированный объект выходит за пределы, можно поставить left:10px right:10px но есть другой вариант? Что применить чтобы абзац придерживался и не вылазил за отступ? https://jsfiddle.net/t3wfdnf9/

    Asked by aqua.77,

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