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://css-live.ru/Primer/viravnivanie-items/pseudo-element.html Вопрос как выровнить карточки по ширине в адаптивном дизайне, сохраняя сетку? Всем заранее спасибо!

    Asked by Fate-ol,

    0 votes
    2 answers

  2. html редирект. Реферальная ссылка не сохраняется в куках.

    Здравствуйте! Ситуация следующая... Имеется необходимость с моего сайта делать редирект на мою реферальную ссылку. Делаю это следующим образом. В корневом каталоге моего сайта создаю файл qwerty.html Затем открываю его и вписываю <html><head><META http-equiv="refresh" content="0; url=http://www.partnerka.ru/ref-123"></head></html> На выходе получается ссылка типа http://www.site.ru/qwery.html Собственно его и пиарю. Проблема в следующем... Реферальная ссылка указанная в qwerty.html не сохраняется в куках потенциальных пользователей, несмотря на то что после редиректа у них в браузере отображается http://www.partnerka.ru/ref-123 На деле получ…

    Asked by barbel,

    0 votes
    5 answers

  3. Таблица или блоками

    Здравствуйте. Нужен совет как лучше сделать, таблицей или блоками -- Думаю сделать таблицей...

    Asked by Temiks,

    0 votes
    9 answers

  4. почему не работает вертикальное выравнивание по нижнему краю?

    http://jsfiddle.net/L05sah7u/

    Asked by DivMan,

    0 votes
    4 answers

  5. Проблема с с текстом над картинкой.

    Ребята, такая вот проблема. Нужно что бы картинка ставновилась темней и появлялся текст, вот так: Бюсь уже несколько дней. Помгите.

    Asked by ksn,

    0 votes
    15 answers

  6. head

    kakoy eto srift i kak sverstat eto https://disk.yandex.ru/client/disk|slider/disk/afrika.jpg

    Asked by Leyla84,

    0 votes
    33 answers

  7. Почему по нажатию правой кнопки в Хроме не возникает подменю?

    Здравствуйте. У меня одного на странице при нажатии правой кнопкой на кнопке Добавить в корзину не возникает подменю? Хочу код нормальным способом проинспектировать, ан нет. В Опере правая кнопка отрабатывает...

    Asked by borus,

    0 votes
    3 answers

  8. Проблема с картинкой

    1. На своем сайте рядом с новостью публикую картинку. Пользователь, если нажимает на заголовок новости - попадает на страницу новости, а если нажимает на картинку новости, то открывается картинка в новом окне с длинное ссылкой в адресной строке. Вопрос: как сделать, чтобы кликая по картинке, ничего не происходило, то есть сделать картинку некликабельной. 2. Скачал иконки. Очень много иконок на красивом фоне. Нарезал иконки, публикую на сайте. Вид такой, квадратная картинка в центре кружок (иконка) и фон серый фон этого квадрата, рядом текст, все это в блоке с другим цветом. Вопрос: как правильно нарезать иконки и придать им прозрачности, пожалуйста поподробнее, хоч…

    Asked by Monetizator,

    0 votes
    4 answers

  9. Отступ при отрицательном margin

    Здравствуйте. Не могу разобраться с одной проблемой. Есть блок(список), у которого стоит отрицательный margin c левой и с правой стороны соответственно. .horizontal-list { overflow: hidden; margin: 0 -35px;}Собственно проблема: при уменьшении окна браузера менее 900px в ширину, справа образуется отступ равный все те же 35px и становится виден задний background body-тега. -- Можно это как то исправить не убирая отрицательные отступы(выступы) у списка? Код можно посмотреть тут -- Так же черкану тут: HTML: <div class="row post" > ... <ul class="horizontal-list" > <li class="col-md-4" > ... </li> <li class…

    Asked by Temiks,

    0 votes
    0 answers

  10. И снова о растягивании блоков по высоте.

    Подскажите пожалуйста, что упустил в этой верстке? Ссылка Не могу понять как заставить растягиваться .container по высоте в зависимости от контента.

    Asked by To_wave,

    0 votes
    3 answers

  11. Люди, помогите. Не дублируется фон.

    Помогите ,пожалуйста. Не могу понять, почему не дублируется фон "body" до конца экрана? По вертикали.

    Asked by BodyVop,

    0 votes
    5 answers

  12. Блок меню за рамки контейнера (Bootstrap)

    Здравствуйте! Просьба помочь разобраться в такой ситуации: Верстка на bootstrap. Шапка сайта на всю ширину body. И все бы ничего, но меню должно репититься направо до конца body. Так же, не знаю как сделать скошенный угол в блоке меню. Макет адаптивный. Для ясности прилагаю скрин. Заранее благодарю за помощь!

    Asked by volshebnyi,

    0 votes
    13 answers

  13. фон h2 залазит под картинку

    Фон подзаголовков залазит за картинку. Картинка с float:right. Как это устранить? http://test.parkes.org.ua/trunk/parkes.php

    Asked by apexis,

    0 votes
    2 answers

  14. Линия - рисунок с градиентом

    Здравствуйте! Подскажите пожалуйста как сделать линию над меню http://prntscr.com/4n04y7 ,, но чтобы она подходила к адаптации сайта отображалась на планшетах и ПК. Нужно сделать через background или есть другие приёмы? Спасибо

    Asked by lbondodesc,

    0 votes
    2 answers

  15. Всплывающая подсказка к ссылке (с произвольными свойствами)

    Всем привет Помогите пожалуйста решить проблему с созданием всплывающей подсказки для ссылки. ВП эта должна быть нужного мне размера, цвета, определенного позиционирования (то есть где будет «всплывать» - над, под ссылкой, справа или слева) + текст в ней тоже должен свободно форматироваться ( цвет, тип шрифта, возможно скриншот) простенький title. <a href="https://yadi.sk/d/9ZvR5g1XagZGJ" title="Сохранить файл"><span style="font-size:19px;background-color:black;color:white;">«Я умею прыгать через лужи»</span></a>не годится стало быть Хоть и работает тег-то Однако попытки (а их было МНОГо) использовать css ни к чем путному привели . Нужный м…

    Asked by BituM,

    0 votes
    24 answers

  16. head og HTML ,css

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

    Asked by Leyla84,

    0 votes
    18 answers

  17. Оптимальное решение по разметке блоков

    Уважаемые мастера, подскажите как правильнее решить такую задачу: http://hostingkartinok.com/show-image.php?id=f99888585c0b10129461838efec6a637 В коде они идут по порядку: header content footer и все находятся в одной обертке. Я размещаю блоки header и footer, друг над другом, с помощью position:absolute. Content занимает все что остается по правую сторону. При большом наполнении контента, появляется полоса вертикальной прокрутки, и при скролинге блоки зафиксированные слева, убегают в верх. Как лучше разместить их с левой стороны, чтобы вне зависимости от размера контента они оставались фиксированными? (я могу это сделать - поместив их в персональный блок и зафи…

    Asked by master-kyk,

    0 votes
    1 answer

  18. Не растягивается сайт на всю ширину экрана на мобильных устройствах

    Добрый вечер. Никак не могу решить проблему. На мобильных устройствах (в частности iphone) на сайте присутствует непонятный зазор справа где-то 5-6 мм. Может кто сталкивался с подобным? Сайт http://www.blushbride.ru/ Кстати, на этом ресурсе зазор тоже виден: http://mobiletest.me/iphone_5_emulator/#u=http://www.blushbride.ru/

    Asked by i.october,

    0 votes
    4 answers

  19. При уменьшении размеров окна браузера появляется margin-right

    Здравствуйте, при верстке комбинированного макета возникла проблема - при уменьшении размеров окна браузера до появления горизонтального скролла возникает поле справа у .header_wrap, причем чем меньше размер окна, тем он больше http://jsbin.com/joredadugojo/1/edit, и фон шапки получается растянут не на все окно. Подскажите, пожалуйста, как можно решить эту проблему!

    Asked by Stright,

    0 votes
    3 answers

  20. Помогите реализовать соединяющие точки между ценой и названием

    Здравствуйте. К сожалению, моего словарного запаса не хватило, чтобы нормально назвать эту тему (надеюсь скриншот поможет). Я тут набиваю руку, верстая паблик шаблоны, и я понятия не имею как реализовать эти соединяющие точки между ценой товара и его названием. Буду очень признателен если мне подскажут как это можно реализовать. Спасибо

    Asked by hitori,

    0 votes
    4 answers

  21. PHP if/elseif/else vs switch

    Николя223, Не совсем правильно поняли. Извиняюсь, я всегда паршиво формулирую вопрос, виноват. <?php $age = 44; if ($age > 18) {echo "Registered!";} elseif ($age == 44) {echo "Да вы что??";} elseif ($age == 18) {echo "Sure?";} else {echo "Go away!";} ?>Как видите, если возраст больше 18, выводиться будет Регистеред. В данном случае возраст больше 18, но я хочу, чтобы для 44-летних выводилось иное сообщение. Но все равно выводит Registered!. Как добиться того, чтобы выводилось значение первого elseif? Добился нужного результата поменяв значения переменных местами следующим образом: <?php $age = 12; …

    Asked by Make Uper,

    0 votes
    2 answers

  22. Смещение кнопки

    Чем лучше смещать кнопку: отступами или позиционированием? http://jsfiddle.net/2phkybqu/

    Asked by DivMan,

    0 votes
    2 answers

  23. Проблема с padding в header

    Доброго дня! Появилась проблемка в css. У меня короче есть wrapper(посередине страницы), там по бокам задан padding 56px. А в header этот padding не должен действовать на background(там где будет меню). То есть задний фон должен растянуться на весь wrapper по ширине(но это строго должно быть только для хэдера). На всякий прикрепляю имг как должно быть: Надеюсь, понятливо объяснила. Очень надеюсь на вашу помощь.

    Asked by amalia,

    0 votes
    1 answer

  24. Скрипт сортировки

    Здравствуйте. Подскажите, пожалуйста, качественный скрипт сортировки работ по категориям в портфолио.

    Asked by Temiks,

    0 votes
    5 answers

  25. Фон блока div из части изображения

    Доброго времени! В общем есть изображение шириной 7px высотой 1px. Нужно средствами css 4-ым пикселем этого изображения залить фон блока div 300x200.

    Asked by Alian,

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