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://jsfiddle.net/y8cmbg32/

    Asked by perec200,

    0 votes
    2 answers

  2. Сделать высоту родителя canvas == высоте canvas

    День добрый всем. Необходимо, что бы родительский элемент, содержащий канвас, был равен размеру канваса - что бы родитель-контейнер никак себя не проявлял себя визуально. На первый взгляд ничего сложного:<div style="margin:0; padding:0"> <canvas style="margin:0; padding:0" width="18px" height="18px"></canvas></div> Доктайп: <!DOCTYPE html> Но - не работает Высота элемента, обрамляющего канвас, больше на 2px сверху и снизу. Тоесть, в сумме, по высоте он больше на 4px, чем содержимый канвас.При том, данное поведение сохраняется и для ячейки таблицы. Что я упускаю из виду?Возможно ли сделать родителя канваса строго совпадающим по размерам с…

    Asked by SasaZmei,

    0 votes
    2 answers

  3. Установил комментарии от Disqus. Можете ли Вы комментировать в качестве гостя?

    Здравствуйте! Установил форму комментариев от Disqus. Но что то в качестве гостя не могу комментировать (хотя настройка этого включена в опциях Disqus)... Просьба к Вам, зайдите пожалуйста в мою последнюю статью на блоге (free-pc.ru) и попробуйте оставить любой комментарий в качестве гостя (поставить галочку "Гость"). Или хотя бы написать здесь, есть ли такая возможность.

    Asked by Марат,

    0 votes
    2 answers

  4. Проблема позиционирования блока в google chrome

    Добрый день. Есть сайт. Главная страница, блок контента съезжает вниз при просмотре в google chrome , opera. В mozilla такой проблемы нет. На остальных страницах в google chrome и opera блок контента отображается нормально, то есть не съезжает вниз. Вот так отображается в google chrome и opera Так должно отображаться Подскажите, пожалуйста, как исправить ситуацию на главной странице?

    Asked by slo_nik,

    0 votes
    2 answers

  5. проблема с логотипом

    помогите пожалуйста при нажатие на логотип двигается

    Asked by adminfilm,

    0 votes
    2 answers

  6. html внутри html, doctype внутри doctype

    Всем привет! У меня на сайте есть "каркас" в виде php-файла, а переключаемые страницы вложены внутрь него (при помощи php include). Вопрос: вложенным страницам можно приписывать <doctype>, <head> и <body>? Контекст: Недавно очень неожиданно человек, написавший для меня php, внезапно сообщил мне, что так делать нельзя. А у меня уже наверно есть повторяющиеся названия классов на разных станицах, и многие стили присвоены не классам, а элементам. Придется все переписывать, если хочу, чтобе все было красиво? Потому что по сути все и так работает, но если кто-нибудь потом будет дорабатывать/менять, то не хочется, чтобы меня проклинали на чем свет стоит. ил…

    Asked by forest_moss,

    0 votes
    2 answers

  7. Как лучше всего сделать галерею?

    С помощью чего (библиотеки, инструменты) лучше всего делать такой слайдер? То есть, картинки должны перемещаться при нажатии на кнопки сверху

    Asked by mankutila,

    0 votes
    2 answers

  8. Наложение блоков друг на друга

    Всем привет! Народ, подскажите пожалуйста как мне сделать вот такое: https://fotki.yandex.ru/next/users/tltfenix/album/74102/view/977127 Сейчас у меня только вот так получилось: https://fotki.yandex.ru/next/users/tltfenix/album/74102/view/977128 Исходник: <div class="callback"> <div class="callback_name"> <input type="text" name="name" placeholder="Ваше имя"> </div> <div class="callback_phone"> <input type="text" name="phone" placeholder="Ваш телефон"> </div> <div class="callback_order"> …

    Asked by fenix_63,

    0 votes
    2 answers

  9. Как сделать ?

    Всем привет. Есть проблема, надо сделать блоки как на картинке http://pixs.ru/showimage/biov503jpg_3042573_16669650.jpgне могу выровнять содержимое чтоб заголовки на одном были уровне с другими. Вот что я тут сделал http://verstka-primer.esy.es/Bio/ начал изображение одинаковые по высоте вырезать, но все равно первый ряд, получилось а другие нет. Вроде и легко но у меня почему то, всегда найдется на чем за топорится. Буду рад помощи.

    Asked by Shenia132,

    0 votes
    2 answers

  10. Сделал блок div ссылкой. Появилась фиолетовая рамка. Как её убрать?

    <body><table class="top"><div class="layer1"><a href="remzona.html"><img src="1.png"></a></div><div class="layer2"><a href="index.html"><img src="2.png"></a></div></table> <table class="bottom"><div class="layer3"><a href="kuzremont.html"><img src="3.png"></div><div class="layer4"><a href="avtomoika.html"><img src="4.png"></div></table> </body>CSS .top { margin: auto; } .bottom { margin: auto; } .layer1 { background-color: white; /* Цвет фона слоя */ padding: 0px; /* Поля вокруг текста */ margin: 0px; /…

    Asked by lsw,

    0 votes
    2 answers

  11. Верстка кнопок

    Здравствуйте, подскажите как сверстать рамку вокруг кнопки.

    Asked by FRANZEE,

    0 votes
    2 answers

  12. Less

    Всем привет. Хотел спросить. Вот сайт который я с верстал на less http://verstka-primer.esy.es/Zonya/ я просто подключил js файл и создал style.less . Читал что лучше его компилировать. А вот как это делать. У меня стоит linux. Когда компилировать надо файл less после того когда ты все с верстал, или по ходу работы ? Можете пожалуйста объяснить мне, а то вот именно про компиляцию как и что там, инфу я не нашел.

    Asked by Shenia132,

    0 votes
    2 answers

  13. Сайт с WIX

    Возможно ли как то страницу сделать без CSS файла Вот сама страница - http://detexpertiza.wix.com/glav Если возможно сделайте пожалуйста, у меня никак не получается. Только одну страницу, но со всеми блоками и картинками.

    Asked by ПавелТимофеев,

    0 votes
    2 answers

  14. Навигация по сайту (только html и css)

    Добрый день. Сайт состоит из нескольких сотен страниц, все страницы между собой слинкованы, т.е. на каждой странице пронумерованы ссылки друг на друга (что то вроде навигации). Есть только html и css. Сами ссылки оформлены кнопками или картинками. Подскажите пожалуйста как можно выделить активную страничку ("подсветить" кнопку в навигации)? Но так, что бы не редактировать свойства для каждой странички отдельно. Вот например такие 3 странички. Возможно ли выделять активную, не редактируя стили на каждой? Страничка 1.html <!DOCTYPE html><html><head><title>1</title></head><body><p>text...text...text</p><a href="…

    Asked by Ururu,

    0 votes
    2 answers

  15. Отступ от фреймворка youtube

    Не раз уже наталкиваюсь, но никак не могу побороть: Размещаю iframe сгенерированный youtube и хочу чтобы отступов от видео не было, однако снизу всё время остается небольшой отступ и убрать его не удается. Пробовал задавать нулевые padding, margin, marginheight, frameboarder и для фрейм и для контейнера (первые два). Пример http://www.cardician.ru/shop/UID_523.html Единственный вариант который удался - задать position:absolute и bottom:0; но нужно задавать высоту контейнера. Такой вариант не подходит, так как размеры видео могут различаться, а контейнер формируется движком, т.е. не различается для двух различных страниц. В общем суть вопроса - как убрать отступ снизу if…

    Asked by Ich,

    0 votes
    2 answers

  16. Меню

    Есть менюшка из 6 пунктах. В 2 пунктах прикрученна функция всплывания при наведении через HTML и CSS но вот проблема видно не на всех устройставах. Посоветуйте как поправить? <ul class="top_menu_ul ul rel"><!--<li class="top_menu_li top_menu_1 rel"><a class="top_menu_a top_menu_active" href="/">Мы</a></li>--><li class="top_menu_li top_menu_1 rel"><a id="top_menu_a" class="company" href="<?php bloginfo('url'); ?>">Мы</a><div class="top_submenu abs hidden"><div class="top_submenu_top png"></div><ul class="top_submenu_ul ul"><li class="top_submenu_li submenu_1 li"><a href="<?ph…

    Asked by kap2,

    0 votes
    2 answers

  17. Странное поведение :active в IE

    Добрый день! Вопрос следующий. Есть на странице элемент с псевдоклассом active, при клике на этом элементе должен меняться например цвет фона. Во всех браузерах все работает хорошо, однако в IE всех версий :active срабатывает через раз, т.е. фон сменился, на следующем клике фон элемента не меняется. Т.е. :active срабатывает через раз. Причем onclick срабатывает исправно, на каждом клике. Предложите пожалуйста решение, можно на JS, или подскажите, куда копать..

    Asked by sond1k,

    0 votes
    2 answers

  18. border текст

    Приветствую, не могу добиться такого эффекта как тут - http://html5up.net/txt Текст наезжает на рамку. https://jsfiddle.net/kL19sfbL/

    Asked by Vans,

    0 votes
    2 answers

  19. Полная версия сайта на экранах мобильных тел.

    Приветствую вас, форумчане! Обращаюсь к вам за помощью. Мне нужно, чтобы, когда люди открывают мой интернет - магазин с мобильных телефонов. Была не мобильная версия сайта, а полная версия. Т.к данная мобильная версия ужасная, хочется сделать ее полной версией. Да и самим нравится, когда открываешь в мобильном устройстве сайт, а он в полной версии. Надеюсь на вашу помощь

    Asked by svang,

    0 votes
    2 answers

  20. выравнивание div'а внутри div

    <div class="wrapper"> <div class="inner"></div></div>как реализовать разные варианты выравнивания для inner? по горизонтали - слева. по вертикали : вверху, по центру, внизу тоже по горизунтали по центру и по вертикали : вверху, по центру, внизу и по горизонтали справа и по вертикали : вверху, по центру, внизу <div class="wrapper"> <span class="inner"></span></div>и тоже для текста (span, b, и тп) ?

    Asked by torsar,

    0 votes
    2 answers

  21. Переворот внутри dl

    Обычно набор dl+dt+dd идёт вот так: <dl> <dt>Термин 1</dt> <dd>Определение термина 1</dd> <dt>Термин 2</dt> <dd>Определение термина 2</dd></dl>Можно ли внутри dl переворачивать теги? <dl> <dd>Определение термина 1</dd> <dt>Термин 1</dt> <dd>Определение термина 2</dd> <dt>Термин 2</dt></dl>Меня по части семантики вопрос интересует.

    Asked by antonKar,

    0 votes
    2 answers

  22. background-attachment: local;

    Не могу понять как работает background-attachment: local;чем оно отличается от background-attachment: scroll;Я прочитал про него, но представить это не могу. Может кто-нибудь привести визуальный пример работы этого значения. Chrome 41 Firefox 37

    Asked by leshiple,

    0 votes
    2 answers

  23. подключить удалённый шрифт

    помогите пожалуйста подключить шрифт на этой страничке. jsfiddle проблема в том, что сейчас там подключен не open_sans_extrabold при этом если я заменяю путь на локальный, то шрифт подключается

    Asked by cyklop77,

    0 votes
    2 answers

  24. неработает padding

    не работает padding у 2-ой li-шки(на что бы не менял, padding-top,padding-bottom,местоположения и области выделения текста не меняется), вот html <ul id="menu" > <li class="kolonki" style="position:relative; top: -4px;padding:13px;padding-left:29px;padding-right:29px;"><b>ГЛАВНАЯ</b></li> <li class="kolonki" style="position:relative; top: 1px;padding-top:2px;padding-bottom:0px ;padding-left:22px;padding-right:22px;"><b>ПОДОБРАТЬ<br/>ПЕРСОНАЛ</b> <ul id="menu1" > <li>Wwwwwww|</li> <li>Owwwwww|</li> <li>Rwwwwww|</li> <li>LDwwwww</…

    Asked by riaron,

    0 votes
    2 answers

  25. Проблемы с адаптацией эффекта анимации текста

    Здравствуйте! Возникли проблемы с адаптацией данного эффекта http://codepen.io/Sonick/pen/HthaI Пытаюсь прикрепить этот эффект к отдельной section лендинга, а никак не получается. Похоже, что он работает только когда есть position:fixed. А мне нужно применить его по сути только к одному отдельному диву...Вот и вышла задача которую я никак не могу решить. Подскажите, пожалуйста, возможно кто-то сталкивался с подобной проблемой)))

    Asked by Orysya,

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