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. Верстка в первый раз - в чем ошибка?

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

    Asked by CHEBURNATOR,

    0 votes
    5 answers

  2. Уникальный стиль полосы прокрутки для отдельного блока на странице

    На странице установлен уникальный стиль полосы прокрутки (средствами ::-webkit-scrollbar). Нужно немного иначе стилизовать отдельный блок на странице. То есть, чтобы полоса прокрутки внутри него была другого цвета и ширины. Как это сделать?

    Asked by LUC,

    0 votes
    3 answers

  3. Кнопка закрытия внешних ссылок

    Здравствуйте. Возник такой вопрос : как в блог в панель редактирования установить кнопку закрытия внешних ссылок?

    Asked by Zakonoposlushniy,

    0 votes
    1 answer

  4. Неактивные ссылки в постах

    Здравствуйте. Надеюсь, что кто-нибудь поможет разобраться. Сам я в верстке просто ноль. Собственно в чем проблема... Есть сайт на wordpress. Заметил недавно, что время пребывания посетителей на нем стремится к нулю. И обнаружил, что ссылки в постах все как одна неактивные, т.е. курсор при наведении на них не изменяется... В одном месте мне подсказали, что возможно, что один из блоков наезжает на другой. И вроде как не хватает закрывающего тэга </div>. Но я никак не могу понять где именно его не хватает. И в какой из файлов его надо дописывать... Вот ссылка на один из постов http://festafiesta.ru/luchshie-pozdravleniya-s-imeninami/ Помогите, пожалуйста, разобраться..…

    Asked by garryson79,

    0 votes
    4 answers

  5. Ошибка клика в canvas

    Здравствуйте у меня почему то вылазит ошибка, вот код <!doctype html> <html><head><title>Gudim</title><script></script><img id="button1" src="file:///E:/www/button/button1.png" style="display:none;" onClick="draw2img()"/></head><body> <canvas id="canvas" width="640" height="480" onClick="canvas.onmousemove()"> <button type="button" value="242"></button> </canvas> <script type="text/javascript"> canvas=document.getElementById("canvas"); ctx = canvas.getContext('2d'); var picfon = new Image(); picfon.src = 'file:///E:/www/background/background.png'…

    Asked by GrizzzlyGames,

    0 votes
    22 answers

  6. Подменю исчезает при наведении

    Возникли трудности при вёрстке подменю: если оно вплотную прилегает к родительскому элементу - проблем нет, но если имеет отступы/отдалено, то при наведении - исчезает. Т.к появляется пустое пространство между li и под меню. Вот код: http://jsfiddle.net/LOL1/jokr73qq/6/ Как сделать, чтобы подменю не исчезало при наведении?

    Asked by VeniVidiVici,

    0 votes
    4 answers

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

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

    Asked by forest79,

    0 votes
    5 answers

  8. Подскажите, как сбросить стили в определенном блоке

    Есть страница с кучей стилей. В рамках ее нужно вставить блок <div> - который не унаследовал бы общие стили. Подскажите, что прописать. Туплю ((

    Asked by niko6456,

    0 votes
    4 answers

  9. Выбор технологии реализации

    Можно сказать, что никогда не программировал под web, решил попробовать. Для примера решил выбрать конкретную задачу. Хотелось бы сделать дерево объектов, листы и узлы которых можно было бы переставлять местами путем drag and drop в рамках одного уровня. Структура дерева формируется на сервере. Визуально это хотелось бы что бы выглядело так Как я понимаю есть несколько вариантов реализации визуального представления 1. Путем выполнения JS скрипта в который должны быть переданы первоначальные параметры необходимые для отрисовки в Canvas данного изображения. Предполагаю, что не получиться отобразить соеденительные линии. Но подозреваю, что могут быть проблемы с реализацие…

    Asked by sdan,

    0 votes
    2 answers

  10. span и иконка

    http://getbootstrap.com/css/#helper-classes-carets <span class="caret"></span>Как сделать так(css), чтоб приведенная конструкция выводила иконку или картинко? (ручками, без фреймворков)

    Asked by torsar,

    0 votes
    1 answer

  11. text-align: justify

    Необходимо выровнять текст (описание) на всю ширину блока: Как это сделать? text-align:justify - не помогает http://codepen.io/anon/pen/EVopLg

    Asked by yaparoff,

    0 votes
    2 answers

  12. Атрибуты rel и type в тэге link

    Оба атрибута сообщают браузеру тип подключаемого файла, но в таком случае, почему не достаточно лишь одного?

    Asked by prostodeniska,

    0 votes
    8 answers

  13. Подскажите как сделать данную штуку на BxSlider и можно ли ее вообще сделать на нем?

    Хочу сделать вот такое текстовое поле на слайдере, создал сверху над списком блок с текстом с абсолютным позиционирование и с помощью марджинов сместил его в цент, но встал вопрос как сделать переключение текста со следующим слайдером?

    Asked by Konstantin99,

    0 votes
    3 answers

  14. Убрать outline

    Подскажите пожалуйста как убрать outline у формы http://izhevskhit.ru/

    Asked by yaparoff,

    0 votes
    1 answer

  15. помогите растянуть полосу на всю ширину блока

    Здравствуйте. Есть блок у которого задана фиксированная высота , и ширина задана width:auto. в этом блоке есть полоска с текстом ,тег h2. эту полоску необходимо растянуть на всю ширину блока. Таких блоков много и они расположены в линию , фото разных размеров поэтому высоту фото фиксируем ,а ширина получается у всех разная. Пример блока здесь: https://jsfiddle.net/ishurgaya/e52yj6ne/ Как сделать ,чтобы ширина синей полоски с текстом была во всю ширину блока ? Спасибо

    Asked by ishurgaya,

    0 votes
    3 answers

  16. Реально на форму наложить изображение

    Картинка посредине прозрачная, я наложил её на форму поиска с помощью position absolute Налаживал и как изображение и как фон, проблема в том что при наложении форма не работает, потому что картинка сверху получается. А если под форму ложить то вид не тот. Нужно как то наложить изображение сверху поиска но что бы изображение было видно но при этом не мешало форме. Можно её конечно разрезать и по кускам собрать но тогда получается левая картинка будет закрывать начало ввода текста в форму, короче писать чутли не с центра прийдется, очень некрасиво как то. Суть проблемы вроде описал, решение думаю должно быть.

    Asked by serg_life,

    0 votes
    8 answers

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

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

    Asked by raptor-dm,

    0 votes
    5 answers

  18. Верстка скошенных краев или "Вам виски прямые или косые?"

    Я, вообще, не люблю задавать подобные вопросы, но без постороннего совета мне обойтись. Есть такое меню в макете: Вообще, подобные вещи делают через свойство border и разные изыски с шириной этой границы. У меня даже получилось заверстать такую штуку, правда у нее был постоянный цвет фона. Но тут градиент. В связи с этим вопрос, если бы вы были на моем месте, то как бы сделали такую штуку.

    Asked by k0d,

    0 votes
    6 answers

  19. Помогите сделать линию которая будет выходить за пределы родительского div'а?

    Есть блок container в котором ширина 100%, в нем блок wrapper ширина которого 80%. В wrapper ' е хочу сделать линию к примеру border-bottom которая будет выходить за пределы wrapper ' а и иметь ширину conteiner ' а. Подскажите пожалуйста, как это можно сделать? https://jsfiddle.net/8yhk17jm/1/

    Asked by Konstantin99,

    0 votes
    4 answers

  20. Конструктор макетов сайта онлайн

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

    Asked by Akkord87,

    0 votes
    2 answers

  21. Блок выпадает при разных изображениях

    Такая проблема: А должно быть вот так: т.е. верстка ломается при разных размерах изображения. Пробовал делать псевдораспорку - не помогает http://izhevskhit.ru/index.php?page=item&id=1143

    Asked by yaparoff,

    0 votes
    1 answer

  22. Подскажите как исправить кривой слайдер

    1.Проблема в рамке слайдера bxslider не могу понять как изменить расстояние сверху http://saunasuper.ru/nashi_zaly/china/#prosmotr 2. как сделать, чтобы фотографии в этом слайдере открывались одним размером

    Asked by Roman21,

    0 votes
    2 answers

  23. При вводе текста в div, тот меняет свою ширину. Как сделать?

    Здравствуйте. Интересует вопрос: как сделать чтобы при вводе текста в div, тот менял свою ширину. Т.е. чтоб отступы справа и слева совпадали http://codepen.io/anon/pen/LpOMKK Сделал при помощи max-width и min-width, но как-то не то

    Asked by yaparoff,

    0 votes
    2 answers

  24. Центрирование абсолютно позиционированного блока произвольной высоты

    Вопрос наверное глуповат, но как сделать я не понимаю. Есть блок с position relative в нем есть ul, который абсолютно позиционирован по правому краю. Сейчас top стоит 50% и все точки добавляются вниз, да и выглядит не так, как задумано: Как можно позиционировать так, чтоб он всегда был ровно в центре: Количество пунктов (li) может быть произвольным и обертку я добавить не могу: http://jsfiddle.net/ytjh8gn1/

    Asked by Shiza,

    0 votes
    2 answers

  25. Пропадает форма при прокрутке карусели.

    Здравствуйте! Есть блок с отзывами, которые оформлены в слайдер-карусель. И есть блок с формой. Проблема: При прокрутке слайдера пропадает блок с формой. Вопрос: как исправить? Вот пример. Спасибо.

    Asked by Alfa2015,

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