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. Как сверстать такое?

    В общем, господа, имею макет, в котором наблюдаю такую форму(картинка прикреплена). 4 шага, с первым справился, а вот на втором - возникла проблема. фон и все элементы покрываются ещё одним слоем, будто select - модальное окно. если это так, то как его позиционировать, если padding элемента выше в %, а сам элемент в px? Шаг 3 - описание опций селекта. Придётся, видимо, подключать библиотеку select2. В общем, мои рассуждения таковы, Хочется услышать более опытных участников форума, что бы вы делали с таким блоком.

    Asked by 0leg5ergeev,

    0 votes
    5 answers

  2. Необходима помощь с выпадающим меню

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

    Asked by eugenebah,

    0 votes
    5 answers

  3. relative приклеить к низу

    Здравствуйте, я новичек на сайте но не в вёрстке но вот столкнулся с проблемой, которую не смог решить самостоятельно, что и побудило к регистрации на вашем многоуважаемом форуме =) В общем прошу помощи... Есть блок relative(голубой), в котором должны быть 3 дива. Верхний static, нижний приклеенный к bottom, а посередине блок с контентом(красный), который тоже необходимо приклеить к низу. В этом то и проблема! Он должен быть динамической высоты(в зависимости от объёма входящего в него контента) и влиять на высоту родительского блока. При absolute+bottom:0 - он клеится к низу, но перестаёт растягиваться и контент вылазит за границы, а при pos->relative фиг знает к…

    Asked by hated8,

    0 votes
    5 answers

  4. Селекор с вложенным элементом

    Привет. Сейчас есть модные селекторы типа ~ или +, которые работают в зависимости от соседних элементов. А есть ли селектор, работающий в зависимости от вложенных элементов? Конкретно мне нужно перекрасить элемент, если в нём есть :checked.

    Asked by Veseloff,

    0 votes
    5 answers

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

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

    Asked by Ruslan64,

    0 votes
    5 answers

  6. 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

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

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

    Asked by MaxWall,

    0 votes
    5 answers

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

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

    Asked by GTAlex,

    0 votes
    5 answers

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

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

    Asked by Legally blond,

    0 votes
    5 answers

  10. Атрибут selected у нативного селекта при наличии кастомного

    Здравствуйте. Вопрос меня мучает. У нас есть несколько селектов, которые кастомные, естественно, куда ж без них. Стоит два селекта, правда. Для одного требовалась кастомная прокрутка еще, а второй не реализован согласно функциональному дизайну, так как тот со скроллом не осиливал его. Суть вот в чем. Атрибут selected у нативного браузерного <select>'а не меняется в соответствии с выбранной опцией, но: 1 - jquery ui select - даёт нам атрибут aria-activedescendant c id от выбранного элемента. ui select оставляет нативный, прячет его. 2 - cusel - даёт класс cuselActive для выбранного элемента. cusel замещает, генерируя список. С таким набором можно идти в бек-енд…

    Asked by kattiperk,

    0 votes
    5 answers

  11. выпадающее меню

    Почему при сужении экрана ползут строки одна под другой ? http://cssdeck.com/labs/rdye72tp

    Asked by rpmcmerphy,

    0 votes
    5 answers

  12. PHP GD

    Здравствуйте! Ребята, я вот уже который день пытаюсь разобраться с данной библиотекой и написать необходимый скрипт, но из-за разнообразия функций и их параметров я часто просто путаюсь и потом вхожу в ступор на несколько часов для того чтобы последовательно разобраться в том что не так и в итоге по истечению многого времени я так и не смог реализовать задуманное... Есть png картинка на которой по центру одним сплошным цветом изображено что-то а фон прозрачный и мне нужно сделать так чтобы я тот конкретный цвет поменял на другой конкретный цвет и оставил прозрачность. В интернете полно информации по данной теме и я заметил что реализаций тьма судя по тем скриптам которы…

    Asked by Морская улиточка,

    0 votes
    5 answers

  13. Не удается растянуть сайт на весь экран по высоте

    Здравствуйте форумчане. Проблема вроде бы известная но я ни где не могу найти ее решение. Проблема такова, на странице мало текста. Меньше чем высота экрана, нужно растянуть страницу так что бы фон закрывал весь экран. Вот html код страницы: <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width"><link href="http://vab.96.lt/style.css'>http://vab.96.lt/style.css" rel="stylesheet"><title>Новости</title></head><body><div class="osnova"><text style="font-size: 30px">06.10.15</text> <p class="l">Всем п…

    Asked by Vitaliy2121,

    0 votes
    5 answers

  14. Раздвижной слайдер. Возможно ли сделать?

    Здравствуйте! Есть задача сделать вот такой слайдер - https://yadi.sk/i/v6QfPqsxjcNdM (при наведении на каждый из трех кусочков изображений, соответствующее изображение должно появляться полностью, как бы раздвигаясь, уменьшая-сдвигая остальные). Все было бы хорошо если бы не диагональная обрезка изображений, т.е. при уменьшении ширины изображения диагональный край обрезается и становится обычным. Насколько возможно/сложно сделать такой слайдер? Буду очень признателен за наводку в какую сторону смотреть, чтобы такое реализовать.

    Asked by yustnip,

    0 votes
    5 answers

  15. Нужно создать таблицу

    Я сама пробовала создать таблицу в html (т.к. я это никогда не делала раньше) у меня получился кривая какая то таблица. Я думаю кто профессионал очень легко удастся вот задание.Ширину таблицы задать равной ширине экране браузера. Использовать метаданные для описания сайта. я не могу вставить таблицу тут как картинка.если напишите я вам скину на почту.

    Asked by merich,

    0 votes
    5 answers

  16. как решить это

    вроде спрашивал как то или нет, не помню вот проблема http://joxi.ru/8An6bM5FL5GoAO на мобильных устройствах шрифт вверх уходит будто разный line-height стоит на пк все ок и на айфонах более менее на других скачет все в чем проблема?

    Asked by raptor-dm,

    0 votes
    5 answers

  17. Верстка в первый раз - в чем ошибка?

    Добрый день, уважаемые форумчане! Совсем недавно друг попросил сверстать ему Лендинг из PSD файла. Визуально лендинг не сложный, поэтому я согласился. С версткой до этого особо опыта не имел. В процессе вертски я сталкивался со всевозможными пролемами, которые удавалось решить с помощью гугла и форумов верстальщиков, за что вам огромное спасибо. Но одну проблему я так и не победил. Перехожу к сути: Дано: домен http://водоканал-сервис.рф Что хотел получить согласно макету PSD: http://joxi.ru/a2X3ZYMCq9qDmg Для верстки решил использовать Dreamveawer CC2015. Был выбран табличный тип верстки. Все вроде получилось кроме одного НО - в разных браузерах таблицы съезжают с фон…

    Asked by CHEBURNATOR,

    0 votes
    5 answers

  18. Рваный фон с тенью.Как сверстать?

    Вот скрин фона http://c2n.me/3pebcoV. Рваные края со всех сторон центрального блока. Плюс еще и тень от него. Голову сломал, не могу придумать как сверстать. Вырезанные куски с предварительными наметками тут Если бы не тень , то как-то бы склеил из 3-х частей. Но тень подчеркивает прямые края блоков.

    Asked by forest79,

    0 votes
    5 answers

  19. скопировать hover-эффект

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

    Asked by cyklop77,

    0 votes
    5 answers

  20. резиновый шаблон

    Такой вопрос: есть 2 колонки: .fon {position:fixed; width:40%; text-align:right; min-width:200px; background-color:#000000; height:100%; float: right}.content {margin-left:60%; position:relative} Проблема возникает, когда экран сильно сжимается. левый слой доходит до 200 и останавливается, а правый-то продолжает сжиматься и текст заходит за левый столбец. Как это "победить"?

    Asked by Borodulka,

    0 votes
    5 answers

  21. Проблема горизонтальным меню , Когда открываешь сайт на другом мониторе то кнопки уходят вниз

    Нужна помощь с горизонтальным меню для сайта. Мне нужно чтобы в меню все кнопки были сверху вместе с логотипом и в нем не оставалось пустого места, и что-бы было у всех одинаковое и не съезжало вниз от того что у человека маленький монитор. Помогите решить данную проблему вот ссылка на меню: http://jsfiddle.net/u0tafr7v/ буду очень благодарен если поможете Вот на фото пример как нужно что-бы было на сайте при любых расширениях экрана у пользователя. А это что происходит при уменьшение браузера или с маленького монитора:

    Asked by TOTO,

    0 votes
    5 answers

  22. Получить список шрифтов используемых в PSD, есть ли такая фича в фотошопе?

    Здравствуйте уважаемые форумчане! В иллюстраторе есть такая функция FIND FONTS и там можно сохранить в формате TXT шрифты которые использованы в проекте, есть ли что то на подобие в фотошопе? Или только щелкать по каждой текстовой надписи?

    Asked by stan07,

    0 votes
    5 answers

  23. Всплывающее описание к картинке

    Здравствуйте! Проблема: как уменьшить всплывающее описание к картинке при уменьшении экрана? Вот пример Если уменьшить экран, получается так: http://savepic.su/6380691.jpg Как исправить? Спасибо.

    Asked by Alfa2015,

    0 votes
    5 answers

  24. Сплошной текст без пробелов уходит за блок [на DLE]

    Когда вставляю обычный lorem все нормально показывается на странице, но если ввожу сплошной текст без пробелов (ттттттттттттттттт и т.д.) вижу следующие: http://joxi.ru/KAg8gDVhpx5Xrl Помогите решить данную проблему (сайт верстал сам. мб что нашкодил в коде или пропустил)

    Asked by dirty_prince,

    0 votes
    5 answers

  25. Overflow в flexbox с центрированием

    Демонстрация проблемы: http://codepen.io/anon/pen/RWeobK. Смотрел на последних Firefox и Chromium в Linux. Если нажать на span, то он увеличится в размерах и, естественно, у div с overflow: auto появится строка прокрутки, но из-за того, что span центрирован, то увеличиваться он будет вверх и вниз одинаково, а прокручивать можно будет только вниз, из-за чего верхняя часть span станет недоступна для просмотра. То же самое и при увеличивании в ширину. Как можно исправить?

    Asked by Heijey,

    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