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. Помогите решить как сделать чтобы один chekbox был включен а второй выключался?

    <div class="checkbox_button"> <div class="fiz_face"> <input type="checkbox" id="box_1" > <label for="box_1" class="checkbox-label unchecked-label"></label > <span class="fz_uz_1">Физическое лицо</span> </div> <div class="ur_face"> <input type="checkbox" id="box_2" checked /> <label for="box_2" class="checkbox-label checked-label"></label> <span class="fz_uz_2">Юридические лица</span> </div> </div> .checkbox_button #box_1{ float:left; min-width: 10px; max-height:10px; background: none; } .checkbox_button #box_2{ float:left; min-width: 10px; max-height:10px; background: none; …

    Asked by Fizruk,

    0 votes
    6 answers

  2. Открытие страницы со смещенным скроллом

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

    Asked by Ich,

    0 votes
    1 answer

  3. Редирект из верхнего регистра в нижний + ///

    Столкнулась с проблемой - распознает как разные страницы страницу www.сайт.com.ua и www.Сайт.com.ua Вопрос - как настроить редирект с верхнего регистра в нижний и еще один момент. выдает как разные страницы www.сайт.com.ua/страница и www.сайт.com.ua////////////страница Как настроить редирект, чтоб редиректило на одну /. Заранее спасибо. Сайт на MODx.

    Asked by Legally blond,

    0 votes
    5 answers

  4. Перестала выводится менюшка последних 10 статей

    Версия MODX Revolution. На сайте новые статьи выводились в отдельную ленту в разделе «Статьи» - http://glebov.com.ua/stati.html. Последние десять статей выводились на главную страницу в нижней части сайта http://glebov.com.ua/. Где-то после 10 августа статьи перестали выводится на главную, а в раздел «Статьи» выводятся. При этом шаблоны статей в админке меняются и сохраняются, но на сайт изменения не подтягиваются. Кто-то может помочь и подсказать, что делать? Ну или вообще, что это может быть? Заранее спасибо.

    Asked by Legally blond,

    0 votes
    2 answers

  5. Defer (отсрочка) загрузки скриптов

    Здравствуйте. Не знаю, как спросить у гугла об отсрочке загрузки нескольких скриптов, но некоторые из них вызываются в <head> $(document).ready(function(){});Например, google maps api, modernizer и другие без вызова в <head> удалось так сделать function loadScript(src) { var element = document.createElement("script"); element.src = src; document.body.appendChild(element);}// Add a script element as a child of the bodyfunction downloadJSAtOnload() { loadScript("script1.js"); loadScript("script2.js"); loadScript("script3.js");} // Check for browser support of event handling capability if (window.addEventListener) window.addEventListene…

    Asked by kattiperk,

    0 votes
    5 answers

  6. аналог masonry

    посоветуйте пожалуйста аналог js-скрипта masonry для простейшего случая расположения элементов. нужно js-решение, не css

    Asked by cyklop77,

    0 votes
    24 answers

  7. Множественный фон

    Не получается организовать множественный фон. Показывается только ОДИН фон, но никак не несколько))) И что не так делаю? Код здесь: https://jsfiddle.net/yfLs5tsh/ Спасибо.

    Asked by Alfa2015,

    0 votes
    3 answers

  8. Помогите опустить фон под теги p

    Проблема собственно в следующем. Есть div в котором 3 колонки с текстом сделанные с помощью p, далее идет новый div в который я хочу поместить фон через background url, но он ставиться не под блоком с текстом, а на его задний план. Подскажите как его поставить на место? Мне кажется это из-за того что p строчный тег из-за этого он не хочет ставиться, а как исправить понять не могу. http://pastenow.ru/DYKB

    Asked by Konstantin99,

    0 votes
    7 answers

  9. Отступы в меню ul li

    http://trioroom.gtalex.ru/ в верхнем меню никак не могу понять откуда отступы между пунктами меню ? как убрать ? li margin 0 padding 0

    Asked by GTAlex,

    0 votes
    5 answers

  10. Отменить прозрачность при наведении

    Нужно сделать так чтобы желтый блок был всегда не прозрачным (а не только при наведении) http://codepen.io/anon/pen/wKoYVr

    Asked by yaparoff,

    0 votes
    1 answer

  11. Отображение сайта на телевизоре

    Вопрос немного странный, но вёрстка разваливается при просмотре сайта на телевизоре 2013 года) Проблема в использовании flex в галерее (например, здесь). При клике на главную картинку открывается большое изображение, но, т. к. flex не работает, всё разъезжается. Браузер определяется как Chrome 22 (естественно, модифицированный). С каких версий flex вообще нормально работает? Или дело в чём-то ещё?

    Asked by ZI DAN,

    0 votes
    2 answers

  12. Нужен хороший зарубежный сервис для фриланса верстальщиком

    К сожалению, на форуме не нашел подходящего раздела, в котором можно обсудить где можно предложить свои услуги и где искать работу. Ведь все обучение так или иначе заканчивается применением на практике, т.е. работой. Мой вопрос простой - кто знает хороший зарубежный сервис для фриланса верстальщиком? В принципе, поставлю плюс за любую полезную информацию по теме поста. Если тема не совсем по адресу, прошу не удалять ее а перенести в другой, возможно, более подходящий раздел.

    Asked by MaxWall,

    0 votes
    5 answers

  13. Помогите, пожалуйста, разобраться с картинкой

    Здравствуйте уважаемые форумчане! Помогите, пожалуйста, разобраться с картинкой, почему-то она не хочет растягиваться на всю ширину блока. Вот эта страница в сети : http://web-verstka.com.ua/portfolio/barb/

    Asked by stan07,

    0 votes
    2 answers

  14. Посоветуйте слайдер (картинка в теме)

    Нужно делать вот такой слайдер При нажатии на стрелочки или на сами иконки слайдер крутиться, вверху оказывается нужная иконка и соответственно меняется контент в красном квадрате) Видел кто подобное?)

    Asked by Нарек,

    0 votes
    6 answers

  15. Разные цвета на win и mac

    Помогите разобраться пожалуйста. Есть макет psd. Допустим, цвет фона: #FAFAFA; Вырезаю картинку вместе с этим фоном jpg, качество: 80%. У заказчика стоит mac, сафари. Он присылает скриншот, а у картинки уже другой фон, допустим: #FВFВFВ; Таким образом, фон страница и фон страницы у него разный и это видно, те контраст. На win у меня этого не видно. Кто знает причины явления и как бороться? Цвет. модель: sRGB.

    Asked by Vessel,

    0 votes
    7 answers

  16. не отображается карта Яндекс

    Помогите не отображается карта Яндекс на основном и мобильном шаблонах сайта ankermix.ru: http://joxi.ru/J2b3DZBFZREyA6 Заранее, спасибо!

    Asked by Ruslan64,

    0 votes
    5 answers

  17. Кнопки навигации (перемещение в)

    Народ помогите пожалуйста. Мне надо список "nav" сдвинуть за границы блока "wrapper" и расположить его по середине в строку. Посоветуйте пожалуйста, как это лучше сделать! <div id="wrapper"> <div id="header"> <ul id="nav"> </ul> <span class="logo2"></span> <a class="logo" href="</a></div><!-- end header --> #wrapper {width:925px;margin-right:auto;margin-left:auto;border: 1px solid #fff}#header {position:relative;height:180px;}#homepage #header {position:relative;}#header #nav {position:absolute;top:10px;left:-40px;list-style:none;}#header #nav li {float:left;margin:0 …

    Asked by bobb,

    0 votes
    2 answers

  18. Выпадающее меню

    Подскажите как сделать выпадающее меню ?

    Asked by rpmcmerphy,

    0 votes
    8 answers

  19. Проблема с DIV-ом: как заставить след. блоки не строиться под предыдущим

    Уважаемые господа. Помогите с решением данной проблемы: есть страница выводящая подкатегории в Joomla-шаблоне, не могу найти решение вывода подкатегорий не списком "друг под другом" (как сейчас), а по-строчно (по 2,3,4 элемента в строке). В коде html-прописаны размеры div-блоков каждого нового выводимого элемента, но что-то мешает этому отрабатывать корректно. Просмотр кода и тыканье css-стилей через инструмент "проинспектировать элемент" (как это делаю обычно) - результатов не дали. Помогите, пожалуйста! Вот ссылка на страницу: http://ruprosport.marker-armavir.ru/index.php/shop-now/18

    Asked by p_sheremet,

    0 votes
    1 answer

  20. Вид формы

    Подскажите как сделать форму ввода как на картинке https://cloud.mail.ru/public/DNZL/75kn8hYo1.

    Asked by Yeldos,

    0 votes
    2 answers

  21. Прозрачная полоска с пиксель достала

    Всем привет. Есть ли лечение вот такого трабла? Ссылка Такая тема то исчезает то появляется при изменении границ браузера. Подозреваю, что это просто браузеры плохо отрабатывают масштабирование блоков. Или верстка глючит из-за скрипта масштабирования блоков. Код: <article class="article"><span><span></article>article { width: 33.33333%; float: left; background-size: cover;}span { background: rgba(0, 0, 0, 0.1); width: 100%; height: 100%; display: block; transition: all 400ms ease-in-out;}$(function(){ $('.article').height($('.article').width()/1.5); $(window).resize(function(){ $('.article').height($('.article').width(…

    Asked by weart,

    0 votes
    1 answer

  22. В хроме глючит fixed блок.

    Сразу покажу что есть https://jsfiddle.net/rm29u4ps/1/ НА jsfiddle всё работает как нужно, а на отдельной страничке nav залипает при скролинге, а если навожу на то место, где должна быть ссылка то он появляется. Так как картинки большие кидаю ссылками 1)Залипло 2)Навёл мышкой Может конечно глюки хрома, но это пугает.(

    Asked by xTODx,

    0 votes
    12 answers

  23. позиционирование блоков относительно фона

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

    Asked by ishurgaya,

    0 votes
    6 answers

  24. Как реализовать прозрачность кнопок?

    Нужно реализовать прозрачную кнопку (как на первом рисунке) но при попытке сделать так через <button> и соответствующие свойства CSS прозрачность исчезает, хотя если открыть соответствующий "png" фотошопом, то прозрачность видна. Вопрос: как можно реализовать прозрачность? Через обычную ссылку с рисунком внутри тоже пробовал - не получается. #main_image_left_button { position: relative; top: -150px; left: -5px; background-image: url(../images/index/main_image_left_button.png); background-size: 100%; border: none; height: 66px; width: 32px;}Должно быть так: Выходит так:

    Asked by centurionkz,

    0 votes
    8 answers

  25. Работа со слоями

    Добрый день. Подскажите пожалуйста как сделать чтобы Колеса от фона хедера были сверху остальных полей. z-index не работает. Сайт arlekin.su. чтобы поднять слайдер до нужной высоты я использовал маргин-топ - 50 в .front_slider_wrapp {. Очень прошу помочь, или хотябы направить в нужную сторону.

    Asked by Rayli,

    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