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. Объединение ячеек CSS3

    Как объединить ячейки без иcпользования colspan, а с помощью CSS3?

    Asked by hhh,

    0 votes
    11 answers

  2. Как заставить DIV распечатываться как его видно в браузере? (вместе со стилями и фоном)

    Например, берем самый простой код <div style="background-image:url('any.jpg'); width:500px; height:230px; border-radius: 5px 5px 5px 5px; float:left;">123</div> запускаем это в браузере и отправляем на печать. Любой браузер печатает только цифры 123. Фоновывй рисунок и стили оформления почему-то полностью игнорируются. Что сделать с дивом, чтоб его можно было отправлять на печать в виде близком к тому, что есть на экране в браузере? Да, аудитория, которой предназначен сайт про print screen ничего не знает.

    Asked by unomomento,

    0 votes
    3 answers

  3. Учусь делать самый простой каркас сайта в Мире

    Попытался сделать лёгкий каркас сайта. Напишите мне, есть ли у меня в коде какие-то ошибки и правильно ли я использовал свойство float? И как убрать выходящие рамки по бокам? http://jsfiddle.net/WKC3v/ <!DOCTYPE html><html> <head> <title>Сайт</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" href="style.css"> </head><body> <div id="main"> <div id="header"><p>шапка</p></div> <div id="Nav"><p>Навигация</p></div> <div id="content"><p>контент</p></div> <div id="footer"&g…

    Asked by DivMan,

    0 votes
    6 answers

  4. Можно ли такое сделать без картинки?

    Только картинкой вставить фон меню или есть способ. например, clip-path? Есть идеи?

    Asked by Zverushka,

    0 votes
    9 answers

  5. Маска слайдера

    Здравствуйте! Нужна маска для слайдера, любой необходимой формы. Картинки в слайдере крутятся, маска статична. Для IE7+ Пример без маски: С маской: Не смог применить http://habrahabr.ru/post/190246/ Прошу помощи))

    Asked by Andrei88,

    0 votes
    6 answers

  6. Графические элементы сайта: сколько вариантов разрешений создавать?

    Например, нарисовал графические элементы для сайта. В каком ppi сохранять? Одно максимальное, которое поддерживает самый крутой монитор, а браузер сам правильно промасштабирует, если разрешение окажется меньше (читал, андроид так умеет, но только с графикой в приложениях)? Или браузеры так не умеют и сохранять в нескольких?

    Asked by ручник,

    0 votes
    20 answers

  7. Перенос сайта на бутстрап 3

    Всем доброго вечера! Решила я перенести и доработать свой сайт. Конечно мой выбор пал на bootstrap начала переносить на старую версию, а вас почитала и направила свой энтузиазм на 3-й (надо будет все перенести) и тренировка, и полезные знания в виде разминки для мозгов. Так вот столкнулась с такой проблемой, как фон в прежней версии вырезала кусок и растягивала, но это не подходит для нынешней задачки вот пока что есть - http://prntscr.com/2dommb а вот исходный макет http://prntscr.com/2don3t (уменьшила что бы весь макет влез) вот что происходит при сужении - http://prntscr.com/2doneb Хотелось бы что бы все картинки подстраивались, как бы это получше реализовать?

    Asked by Anna Zharova,

    0 votes
    2 answers

  8. Как правильно подключить свой шрифт

    У меня сайт с 5 поддоменами. На всё одни стили, картинки и шрифты. На главном сайте свой шрифт отображается нормально, на поддоменах почему-то намного большего размера. Если уменьшить его размер, на поддоменах получится нормальный а на главном домене сильно маленький. Такое ощущение что он этот шрифт как-то криво подгружает. Шрифт подключаю вот так: /* Fonts */@font-face { font-family: 'aparajivvo'; src: url('http://vsevodnom.com/templates/vvo/style/aparajvvor.eot'); src: url('http://vsevodnom.com/templates/vvo/style/aparajvvor.eot?#iefix') format('embedded-opentype'), url('http://vsevodnom.com/templates/vvo/style/aparajvvor.woff') format('woff'), …

    Asked by alleclf,

    0 votes
    3 answers

  9. Подключение своего шрифта

    Хочу на сайте использовать шрифт "aparaj", он вроде бы не лицензионный и нормально конвертируется. Но сам шрифт состоит из 4 частей - обычный, жирный, курсив и жирный курсив, то есть 4 файла шрифта. Шрифты конвертировал на onlinefontconverter.com Подключаю шрифт к сайту вот так: @font-face { font-family: Minion Pro; src: url("../style/minion_pro_or.eot?") format("eot"), url("../style/minion_pro_or.woff") format("woff"), url("../style/minion_pro_or.ttf") format("truetype"), url("../style/minion_pro_or.svg#svgFontName") format("svg");}Как мне подключить шрифт если он состоит из 4 частей? В примере использую шрифт "Minion Pro", он норма…

    Asked by alleclf,

    0 votes
    14 answers

  10. Выполнение скрипта при <=1023px

    Например я делаю вот так: $(window).resize(function(){ if ($(window).width() <= 1023){ $('#bestseller_slider').carouFredSel({ responsive: true, items: { visible: 3 }, scroll: { items: 1, duration: 300 }, auto: false, swipe: { onTouch: true }, prev: '#bestseller_prev', next: '#bestseller_next' }); } });т.е. при разрешении <=1023 включается слайдер. Как бы все работает. А можно ли сделать, чтобы при увеличении разрешении, т.е. когда уже >1023 действие скрипта прекращалось. Т.е., например, слайдер отключался, …

    Asked by npofopr,

    0 votes
    23 answers

  11. Высота блоков

    Помогите, пожалуйста, разобраться с проблемой. Дело в том, что есть 3 колонки с фиксированной высотой. Но почему-то Webkit'ы и Firefox отображают их по разному. Firefox: Webkit'ы: Сама верстка: https://googledrive.com/host/0B6IlwqUO2fshQXYtM2dZWnNBVnM/

    Asked by Aleksandr.L,

    0 votes
    11 answers

  12. Баг text-indent?

    Назначил блоку text-indent,все абзацы начинаются с отступом,но абзацы которые следуют после <br> без отступа,что за дела?

    Asked by pudge,

    0 votes
    2 answers

  13. Для знатоков HTML

    Может ли в валидном HTML быть такой участок кода(если да то для каких тэгов): <TAG>...html...<TAG attributes>...html....</TAG> где TAG - один из HTML тэгов. То есть может ли внутри тега надится такой же тэг в сокращенной форме(без закрывающего тэга).

    Asked by Kypaku,

    0 votes
    9 answers

  14. Ссылки и бордеры

    здравствуйте, подскажите пожалуйста. Есть задача сверстать меню списком. У меню есть фон (красный), высота его 50пх. При наведении мышкой у ссылки должен меняться фон (черный). Вопросы: 1. Как мне выровнить ссылки по высоте блока? Т.е. на эти 50пх, чтобы ссылки не были сверху или снизу, по середине. 2. Когда задаю a:hover другой фон, то фон меняется только непосредственно у текста (т.е. не на все 50пх меняется фон) 3. У каждого li списка должен быть border с права, полоска, вытянутая на все 50пх. Но она вытягивается только на высоту ссылок (текста). как увеличить ее? помогите пожалуйста, в каком направлении мне двигаться? спасибо!

    Asked by devid89,

    0 votes
    6 answers

  15. Можно ли реализовать это списком?

    http://jsfiddle.net/Zverushka/QEju8/ Можно ли реализовать это списком? Ведь это список, но приходится применять несемантичный тег div

    Asked by Zverushka,

    0 votes
    12 answers

  16. Высота строчных и строчно-блочных элементов

    Есть такой код Инспектор кода в Хроме показывает, что высота span.inline равна 20px, а высота span.inline-block равна 18px, при этом высота родителя p.block равна 18px. 1. Почему у span.inline и span.inline-block разная высота? 2. Почему у родителя p.block высота равна 18, а не 20 (или почему у span.inline границы выходят за пределы родителя по вертикали)? 3. Почему в Firefox высота span.inline равна 21px?

    Asked by Bassline,

    0 votes
    3 answers

  17. Организация структуры заголовков

    Здравствуйте. Не думал, что докачусь до такого вопроса, да и нечто подобное на форуме уже рассматривалось несколько лет назад, но вот хочется освежить и прийти к какому-то четкому решению или алгоритму. Давно и твердо был убежден, что заголовков H1 на странице больше одного использовать не следует (явного такого требования нет, но это естественно, такой заголовок будет «корнем» структуры документа). При этом я делал заголовком первого уровня название сайта. Хотелось создать одинаковый «корень» на всех страницах, при этом заголовки основного содержимого начинаются с H2. Я придерживаюсь сквозных уровней заголовков для всех структурных элементов типа article, section и…

    Asked by rash,

    0 votes
    9 answers

  18. Как сделать подвал в самом низу странички

    Не могу сделать подвал внизу странички. Дело в том что, если разрешение экрана не большое (например, 1336x768) всё отображается нормально, а вот если больше, то после подвала видно фон. То есть, если взять смарт и смотреть в альбомном режиме всё ОК, а вот если в книжном, получается что идет шапка, потом текст, потом подвал а потом много пустого места с фоном. Хочется что бы подвал был в самом низу. Делал как описано тут - http://htmlbook.ru/layout/fiksirovannyy-podval Но, теперь на маленьком разрешении текст основной части не влезает, подвал часть текста закрывает и надо скролить что бы прочитать что написано, при этом подвал остается на месте.

    Asked by alleclf,

    0 votes
    2 answers

  19. Разная отрисовка шрифта из google fonts.

    Здравствуйте. Верстаю сайт, на котором используется шрифт "PT Sans". Загрузил его из гугло-шрифтов. Как мне всегда казалось, этот сервис автоматические определяет какой формат шрифта нужно отдавать... То есть он детектит браузер и ротатор выдает нужный тип шрифта. И тут случилась проблема... Вот я прошу отдать мне файл <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,400italic&subset=cyrillic' rel='stylesheet' type='text/css'>Подключаю его в стилях .product-params-short .buy-block { font-family:'PT Sans', sans-serif; font-size:18px;}Имеем. Firefox: http://rghost.ru/51191900.view Chrome: http://rghost.ru/51191905.view Надеюсь, проблема ясна - ш…

    Asked by k0d,

    0 votes
    18 answers

  20. puff effect

    Проблема в том что анимация работает только на первом списке li, как мне сделать так чтоб она работала на всем списке? Демо

    Asked by radioactive68,

    0 votes
    3 answers

  21. Помогите переделать содержание темы

    Здраствуйте. Установил тему на wordpress. http://pravvo.org.ua/ В контенте сайта, под слайдерами, идут записи, они идут квадратиками, блочными или как сказать я не знаю. Т.е. 2 записи в строку. Мне нужно сделать что бы ОДНА запись была в строке. Как на скриншоте, что бы Статься была в строке: http://s018.radikal.ru/i516/1312/75/3c27234d7aed.png ВОТ эта тема: http://wp-templates.ru/hueman/

    Asked by sourcedm,

    0 votes
    2 answers

  22. Проблема верстки для мобильного браузера.

    суть вот в чем. На десктопе во всех браузерах смотрится прекрасно, т.к. и задумано, а вот на мобильном есть проблема: 1. логотип прижимается к левому краю 2. Полоса справа имеет ширину не в % (в момент загрузки кажется что все нормально, но если уменьшить до нужных размеров видна проблема. не подскажете как решить? body{ background: url('../images/bg.png'); margin:0; }header { width:100%; height: 40px; background: #444444; -webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.6); -moz-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.6); box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.6);}.header{ background: url('../images/logo.jpg') no-repeat left; width: 1040px; height: …

    Asked by To_wave,

    0 votes
    3 answers

  23. Проблема с IE и множественными обтеканиями

    Есть блок на сайте http://zverushka.zz.mu/edu-problem/ Блок Ближайшие события - в хроме и мозилле смотрится ровно и как надо. Но в осле - сходит с ума и расползается куда попало. Я хотела сделать заголовок полноценным - чтобы цифра 30 (и др. даты) входили в заголовок, а не висели отдельно. При этом блок цифры имеет динамический размер, зависящий от количества цифр. как и сам блок - также имеет динамический размер в зависимости от ширины содержимого... и расстояние между блоками также динамическое (идеально здесь - table-cell). В общем у нас сложный пациент случай В итоге просто не знаю, что теперь делать с осликом. Если .caption отменить fl right, то в ослике как надо,…

    Asked by Zverushka,

    0 votes
    8 answers

  24. Десктопные аналоги css песочниц

    Здравствуйте, возник такой вопрос. Все вы знаете как минимум несколько очень удобных сервисов css-песочниц. Очень удобная штука, пишешь код, а сервис сразу же отрисовывает то, что вы накодили. Например: ccsdeck, codepen и т.д. Впрос такой: есть ли десктопные аналоги подобных сервисов. Надо чтобы с хтмл файлами и картинками можно было бы работать локально, но чтобы все так же сразу отрисовывалось. Заранее извиняюсь за нубский вопрос

    Asked by pavelpashkovsky,

    0 votes
    6 answers

  25. Эффект перелистывания страниц

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

    Asked by aquapasha,

    0 votes
    1 answer

  • Обсуждения

    • 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