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://sten.myjino.ru/slider/ Возможно ли на нем сделать листание при наведении курсора на стрелочки, или еще как нибудь.

    Asked by Sten,

    0 votes
    1 answer

  2. Помогите исправить баги верстки в IE

    http://websterjoy.tk/ Везде работает нормально, эти баги только в IE: 1) В режиме IE7 все меню слетает - тоесть float:right как будто пропадает. 2) И вторая проблема - при обновлении страницы в любом режим, даже в режиме IE 10, мерцает шрифт. Считанные миллисекунды. Сначала он другой, а потом за миллисекунды меняется на тот, который я подключил. Помогите, если есть кто знает как, буду очень благодарен.

    Asked by websterjoy,

    0 votes
    1 answer

  3. нестандартный дизайн

    Подскажите как так можно сверстать? В смысле какими способами? Как на картинке. Идет текст с картинками шириной где то 700 потом блокк на всю ширину страницы и опят дальше текст, Ну я думаю из картинки все понятно. Просто подскажите в каком направлении двигаться...если можно, подробней, кого не затруднит.

    Asked by Jaysid,

    0 votes
    1 answer

  4. Адаптировать дизайн под ios

    никогда не занимался версткой под ios и потому не знаю их тонкостей помогите адаптировать страницу для просмотра на ios. скажите что не так в верстке что бы я в будущем делал правильно вот тестовый сайт http://opet.ru.preview.ihc.ru/

    Asked by LimpBizkit,

    0 votes
    1 answer

  5. Смещение полей

    Здравствуйте. Есть страничка http://mobidel2.18r.ru/chat.php. При нажатии на объект из списка, я меняю размер шрифта, но вместе с этим меняется вся ширина строки объекта. Как мне высчитать padding-top и padding-bottom, чтобы после изменения размера шрифта не было смещения линий между объектами. Рассуждал так - раз увеличиваем шрифт с 11px до 13px, то нужно уменьшить поля, убрать сверху и снизу по 1px. Но в итоге все равно происходит смещение. Заранее спасибо!

    Asked by valyan,

    0 votes
    1 answer

  6. Объясните пожалуйста

    Объясните пожалуйста,как позицию картинки вы задаёте? Например я в фш сделаю меню для сайта, вставлю в тег <div> Как задавать расположение? Или расположение в фш задаётся?

    Asked by vtracer,

    0 votes
    1 answer

  7. Position: absolute и Opera(а также IE 8)

    Добрый день. Помогите пожалуйста решить проблему. Есть главная страничка по адресу http://roof-store.su/. На этой страничке большой слайдер, а у него белая овальная картинка, которая служит фоном для точек переключателей(посередине-внизу слайдера). Во всех браузерах точки переключатели по центру этой картинки, а в опере и точки влево съехали и нижний контент постоянно дёргается. Код для этой картинки #slider-image { position: absolute; top: 600px; left: 620px; z-index: 100; } Как можно это решить?

    Asked by Falcon,

    0 votes
    1 answer

  8. Непонятный отступ с margin-top?

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="css/index.css" rel="stylesheet" type="text/css"> <meta name="keywords" content=""> <meta name="description" content=""> <title>Лесничество"Русский Лес"</title> </head> <body> <div id="header"> <div id="vc"> </div> </div> <div id="podl_content"> <div id="content"> <div class="ukaz"> <h2>Информация о филиале</h2> </div> <div id="footer"> </div> </div> </div> <br /&…

    Asked by doox911,

    0 votes
    1 answer

  9. Конфликт position:fixed и <object>

    Добрый вечер, подскажите пожалуйста, что за баг? Сайт http://www.colibrilaw.kz/. Там верхнее меню position: fixed. При скролинге страниц в хроме и фф все ок, а в ие и опере нижний баннер (флеш) становится слоем выше, чем меню.

    Asked by Sten8509,

    0 votes
    1 answer

  10. Как убрать запятые в тегах?

    Движок: Opencart Цель: Убрать запятые в метках Ссылка: http://stv-sb.ru/dome_camera/420tvl_ik/STV-RCP%2020.html Скрин: Может поможет реализация у кого-то: http://www.oc-extensions.com/Disqus

    Asked by xoff,

    0 votes
    1 answer

  11. Наложение уголков

    Есть вот такая картинка. Как считаете, можно ли обойтись в данном случае одним элементом? Всякие :before тоже не считаются. Как только задал вопрос, сразу же пришло решение. Надо использовать радиальный градиент. height: 100px; width: 100px; background: radial-gradient(#FFFAC0 49px, #6DC065 50px);

    Asked by Vlad,

    0 votes
    1 answer

  12. Div и картинки. Адаптивная верстка

    Здравствуйте, уважаемые посетители форума. Замучался решать вопрос, он следующий. У меня есть скрипт ротатора картинок, который меняет картинки по времени (делает это через ul). Как сделать так, чтобы картинки которые он выводит НИКОГДА не выходили за границы div'а? И еще вопрос. Мне нужно чтобы все это было адаптивно к экрану (будет показываться на full HD, но была бы возможность посмотреть с 17-24"(Radmin)). Если вас не затруднит, помогите пожалуйста. Код прилагаю. В нем о размещении элементов даже не пахнет (много раз исправлял). Нужен такой вариант как во вложении (картинке), чтобы так было на всех экранах (ток картинки по-больше в высоту ну и выровняно). Понимаю, что…

    Asked by morohon,

    0 votes
    1 answer

  13. Не работает width: 100% и margin: 0 auto на ios

    http://nargilia.pavelzheglov.ru/ Впервые столкнулся с такой проблемой, даже не могу четко выявить суть, чтобы гуглу задать вопрос.

    Asked by Jackky,

    0 votes
    1 answer

  14. border и space таблицы

    всем привет подскажите пожалуйста, как сделать, чтобы текст в таблице был не впритык к его бордеру, но так, чтобы он был ординарный, т.к. у меня получается только 2 случая: либо граница ординарная, тонкая, но текст впритык либо граница есть, но одновременно с рамкой ячейки. как можно сделать чтобы граница была одна, но текст был не впритык к ней? p.s. использую таблицу как рамку для важного абзаца текста

    Asked by lmaolmao,

    0 votes
    1 answer

  15. Даже не знаю как озаглавить

    Есть несколько самостоятельных блоков. Их объединяют набор неких css свойств и одинаковый html код, но внешне они сильно различаются за счет разных стилей, плюс содержимое по смыслу немного различается. Если кому-то важна конкретика, то пусть это будут некие списки, которые имеют общие нестандартные маркеры, отступы, шрифты, содержат ссылки. Но отличаются цветом, размером текста, подчеркиванием, могут располагаться в разных частях страницы, один список содержит ссылки на какие-либо сервисы, другой на услуги, третий еще на что-нибудь, плюс на разных страницах, например, список сервисов имеет разные цвета и размеры шрифта. По какому принципу их лучше проименовать и назначит…

    Asked by Bassline,

    0 votes
    1 answer

  16. Мелкий вопрос про яндекс-метрику

    Чтобы установить заказчику яндекс метрику на его сайт - он ведь должен сам код метрики создать в своем аккаунте яндекса, чтобы потом из своего аккаунта отслеживать статистику? Или как?

    Asked by Zverushka,

    0 votes
    1 answer

  17. 30px отступы bootstrap

    объясните пожалуйста что за странные стили добавляет twitter bootstrap и зачем они существуют вот страничка. блоку .bg_main1 я добавляю фон. в результате обнаруживается, что этот блок имеет margin-left: 30px и соответственно фон смещён по отношению к фону нижних блоков http://prozaik.16mb.com/html5_2/question_b/vb.png так же margin-left: 30px имеют и некоторые вложенные блоки мне интересно не столько решение проблемы, сколько назначение этих отступов. из-за них трудно центрировать блоки

    Asked by cyklop77,

    0 votes
    1 answer

  18. Скиньте готовый landing

    Всем привет кому не сложно скиньте хороший сверстаный landing с формой обратной связи, таймером, слайдером. И подскажите как делается форма обратной связи для телефона (http://idandy.ru/)

    Asked by RomanVerstka,

    0 votes
    1 answer

  19. В IE вместо фона отображаются полосы высотой 1 пикс.

    Привет всем! У меня такая проблема: В IE вместо фона отображаются полосы высотой 1 пикс. Причину я знаю - в IE не поддерживается background-size http://jsfiddle.net/kG8x4/ Фулл-скрин:http://jsfiddle.net/kG8x4/show/ Как это исправить?

    Asked by sitemaker999,

    0 votes
    1 answer

  20. Атрибут rel тега link

    Здесь http://htmlbook.ru/html/link/rel написано два значение атрибута rel тега <link>. <link rel="shortcut icon" href="/images/favicon.png" type="image/png"> А вот пример, где значение не соответствует документации. Где найти полный список значение этого атрибута соответствующего тега?

    Asked by stas0:/,

    0 votes
    1 answer

  21. На одной странице столбец с меню съезжает

    http://dh-art.ru/projects/ - собственно, на этой странице. Строка 555: <table style="min-height: 700px; position: absolute; top:391px; right: 0px; border-spacing: 0px;">, требуется сделать right: -3px; Если не увидели неровности, обратите внимание на правое меню относительно чёрного логотипа на слайдере. На остальных страницах всё нормально: например, http://dh-art.ru/price/design_project.php Можно, конечно, для конкретной страницы с проектами поставить условие, но не хочется. А хочется понять, почему так происходит.

    Asked by maritca,

    0 votes
    1 answer

  22. Дайте пару советов

    Всем привет кто верстовал landing page дайте пару советов или какие трудности возникают при верстке. Заранее спасибо

    Asked by RomanVerstka,

    0 votes
    1 answer

  23. Помогите поднять шапку сайта обратно вверх

    Заранее извиняюсь перед опытными и старожилами. Признаю себя нубом, htmlным чмом и т.п. Кому не сложно подскажите или дайте ссылку где почитать конкретнне, чем "Выучи весь HTML". Вам это полминуты для того чтобы черкануть несколько слов. А мне - иди туда не знаю куда. К делу. Добавил себе на одну из страниц сайта новогоднюю мотню (музыкальные шарики вверху страницы). из-за этого шапка и все содержимое съехало вниз. Где регулировать этот "весь отступ"? Вот страница которая съехала: http://isho.ru/korporative.html А вот обычная страница: http://isho.ru/info.html Заранее благодарен. Плюсану в карму тому, кто искренне поможет.

    Asked by stebtv,

    0 votes
    1 answer

  24. Как задать высоту ВСЕХ ячеек в таблице?

    сабж плиз )

    Asked by lmaolmao,

    0 votes
    1 answer

  25. утеря позиции фона при повторении

    Добрый день. Помогите решить. есть код background: url(../img/bg-top.png) no-repeat 2px 0px, url(../img/bg-center.png) no-repeat 0px 200px, url(../img/bg-bot.png) no-repeat 2px 97%; } и все вроде как хорошо, но мне нужно что-бы центральная часть повторялась. и когда я ставлю повторение то она заполняет весь блок а не с позиции в 200px и перекрывает верхнюю и нижнюю картинку. помогите пожалуйста. спасибо

    Asked by stone86,

    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