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. Дайте ссылку на похожий сайт

    Добрый день. Нужно сделать Такую вёрстку: При загрузке страницы, отображается блок 1 на весь экран. При скролинге вниз отображается контент 1.1. При нажатии на стрелку переходим в блок 2,3... работающие по той же схеме. Подскажите пожалуйста как это лучше реализовать? Видел когда - то подобный пример, но сейчас найти не могу.

    Asked by jdk,

    0 votes
    2 answers

  2. Структура файлов

    Добрый день, товарищи! Я новичок, два дня только html осваиваю. Интересует вопрос о структуризации всех файлов сайта. Может я пропустил это вначале обучения. Но не суть. Я написал index.html таким образом: <!doctype html><html> <head> <title>Магазинчик</Title> </head><body> <h1 align="center">Городская кофейня "Гадюшник"</h1> <p align="center" ><big><big>Добро пожаловать!</p> </big></big> <hr> <p> <big>Прежде чем приступить к поглащению всякой гадости предлагаем Вам выбрать то, что Вас интересует: </big></p> <a href="some/menu.htm…

    Asked by XanderAlex91,

    0 votes
    8 answers

  3. проблема со шрифтом

    есть шрифт open sans pro в формате otf , белка не хочет принимать. как можно его еще конвертнуть? какие посовветуете конвертаторы? или что делать?

    Asked by raptor-dm,

    0 votes
    8 answers

  4. адаптивные по высоте блоки

    Нужно на странице сделать адаптивные по высоте блоки с текстовым наполнением, чтобы работало наподобие картинок: img{max-width:100%;height:auto;}

    Asked by vip,

    0 votes
    7 answers

  5. Изменение цвета рамки у поля при фокусе

    При фокусе текстового поля цвет рамки должен меняться на цвет #663d15 Вот так: Использую :focus, но это не дает никакого эффекта http://codepen.io/anon/pen/RNMbNa

    Asked by yaparoff,

    0 votes
    4 answers

  6. Слайдер перекрывает меню.

    Здравствуйте! Бьюсь над проблемой показа выпадающего меню и слайдера. Слайдер перекрывает выпадающее меню. Как это исправить? Здесь

    Asked by Светлана Г.,

    0 votes
    2 answers

  7. Отступы у списка

    Делаю вот такой список: Немного не получается с отступами: http://codepen.io/anon/pen/pvaMYp Что не так? Вид radio button изменять пока не обязательно

    Asked by yaparoff,

    0 votes
    2 answers

  8. Верстка макета

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

    Asked by rus,

    0 votes
    2 answers

  9. Масштабируемая шириной окна верстка

    Подкинье пожалуйста статейку как реализовать лучше всего масштабируемую шириной окна браузера верску статью, желательно на русском, спасибо)

    Asked by Kenshi24,

    0 votes
    4 answers

  10. Где находить сайты правильно с верстанные чтоб можно было смотреть у них как сделано ?

    Можете подсказать сайты хорошо сверстанные чтоб можно было смотреть как у них сделаны те или иные элементы.

    Asked by Shenia132,

    0 votes
    2 answers

  11. Это Table?

    Здравствуйте, форумчане! Подскажите, правильно но ли использовать для верстки такого блока таблицу: http://joxi.ru/GrqVBLOhxq3amz Или это далеко в прошлом и сейчас так никто не делает? Если лучше делать другим способом, то подскажите каким. Спасибо!

    Asked by Antoshka007,

    0 votes
    6 answers

  12. Эффект меню

    Делаю меню вот с таким эффектом: Т.е когда пункт меню активный под ним должна появляться белая черта. Ширина черты пиксель в пиксель должна совпадать с активным пунктом. Суть в том, что у каждого пункта ширина разная. Я пробовал решить проблему с помощью: - box-shadow, - border-bottom, - :after Но везде свои недочеты. Может что-то не до конца делаю. Посмотрите (у меня там не пиксель в пиксель если что) http://codepen.io/anon/pen/xbYBjL Что можно сделать?

    Asked by yaparoff,

    0 votes
    3 answers

  13. Помогите подключить скрипт к галереи.

    Как подключить скрипт (который скачала здесь: https://github.com/patrickkunka/mixitup ) к этой галереи? ( http://cssdeck.com/labs/lfzgmciq ) Данная галерея должна работать, как здесь: https://mixitup.kunkalabs.com/ Я подключала эти файлы: но ничего не работает. <script src="js/jquery-1.11.2.min.js"></script><script src="js/jquery.mixitup.min.js"></script>

    Asked by Alfa2015,

    0 votes
    1 answer

  14. Поиск в новом окне.

    Здравствуйте, сижу на платформе ucoz. Как сделать, что-бы поиск открывался в новом окне? Вот код Поиска: <!-- <block6946> --><div class="block"> <h1 class="blocktitle"><!-- <bt> -->ВВЕДИТЕ СВОЙ ID<!-- </bt> --></h1> <div class="blockcontent"><!-- <bc> --><h3 style="color: red">000-000-000-00<h3><form class="poick_os" onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/" > <input pattern="[0-9]{3}-[0-9]{3}-[0-9]{3}-[0-9]{2}" type="text" name="q" maxlength="45" value="Поиск..." onclick="if (this.value=='Поиск...'){this.value='';}"/> <input …

    Asked by Mestniy96,

    0 votes
    2 answers

  15. Изображение(тег <img>) в теге <div>

    Можно ли разместить изображение в теге <div>, если его размер больше размера "родительского" блока, чтобы при этом оно не выходило за пределы "родительского" блока? И, наоборот, можно ли растянуть изображение, если его размер меньше размера "родительского" блока?

    Asked by VicChug,

    0 votes
    5 answers

  16. не могу установить sass в командной строке

    вот смотрите http://hostingkartinok.com/show-image.php?id=ff5221cd0a12a213e9dba174845f5bb4 руби установлен. почему так?

    Asked by raptor-dm,

    0 votes
    1 answer

  17. Как тестировать адаптивный дизайн?

    Подскажите инструмент для тестирования адаптивного дизайна. Я на одном компьютере и мобильнике многого не проверю. Желательно что бы он под разные разрешения подстраивался, то есть показал как будет выглядеть сайт на 6-дюймовом смартфоне с fullHD разрешением на моем мониторе с разрешением 1680х1050 - не пиксель в пиксель, а в натуральный размер. Кто как тестирует? Помню, находил сайт какой-то, так там прямо в окошке в форме смартфона или планшета можно было на свой сайт посмотреть.

    Asked by alleclf,

    0 votes
    6 answers

  18. тег <base>

    возможно ли с помощью base задать полный адрес изображениям которые находятся во внешнем css? вот так нечего не выходит

    Asked by startrame,

    0 votes
    1 answer

  19. Изображение в :hover

    Как позиционировать в :hover именно изображение? При наведении курсора чтобы стрелочка была. http://jsfiddle.net/qvhq45oa/1/

    Asked by NapNu,

    0 votes
    1 answer

  20. первый опыт бутстрап

    http://texteredsa.besaba.com/GG/GG/ открйте эту страницу и введите в окошко images/pixp.png и enter и смотрите что http://hostingkartinok.com/show-image.php?id=3ac163b5eab8b7def84ad98d8c3a611e первая колонка сдивнута не много. проблема решается если убрать у .container padding -15px, также решается если для .row сделать margin -30px. почему так? я не правильно сетку сделал? ведь макет шириной ровно 1170 px и ничего не надо редактировать бутстрапе.

    Asked by raptor-dm,

    0 votes
    0 answers

  21. Как грамотно организовать наложение двух блоков

    Добрый день! Подскажите, как грамотно организовать такое наложение? То есть, не просто наложение, а по определенному паттерну что ли (я имею в виду эти линии серого цвета, которые накладываются на верхний блок)

    Asked by mankutila,

    0 votes
    2 answers

  22. подогнать фон

    помогите пожалуста советом есть задача переверстать статичный сайт в адаптивный, используя стандартную бутстраповскую сетку. проблему представляет фон, который сделан одной картинкой, и изменять который, в силу некоторых причин, нельзя здесь я набросал основной каркас сайта. как видите, фон элемента body при больших ширинах экрана смотрится нормально, на планшетах становится видна пустая середина, а при меньших размерах он и вовсе пропадает(пропадает узор и остаётся лишь красный цвет) скажите, можно ли исправить эти 2 косяка малой кровью? меня устроит даже объяснение на словах как можно поступить с проблемой

    Asked by cyklop77,

    0 votes
    7 answers

  23. Адаптивыне баннеры

    Здравствуйте, у меня возник вопрос по поводу рекламных баннеров. Дело в том что имеется сайт на котором пытаюсь реализовать адаптивный дизайн, ширина всех элементы в относительных единицах и по замыслу все должно растягиваться и сужаться относительно ширины вьюпорта, но рекламные баннеры никак не тянутся. Я подключил скрипт, который ресайзит айфреймы, он работает но только с айфреймом в котором видео, а с баннерами нет, сам айфрейм с рекламой подстраивается под ширину контейнера, а картинка остается фиксированной ширины. Я мог бы показать сайт, но там контент 18+. Может быть кто-то сталкивался с подобными проблемами, и вообще как обстоит дело с адаптивностью у баннеров, я…

    Asked by fishlegz,

    0 votes
    6 answers

  24. Практическая польза от использования HTML5 тегов!

    Собственно вопрос в названии темы. А то как только начинаю выполнять новый заказ. Появляется желание делать все по семантике с использованием html5 тегов. Но потом сомнения того, что они могут не корректно работать в старых браузерах, и вообще отсутствие на мой взгляд практической пользы от них заставляет одуматься и фигачить все дивами! Заранее спасибо!

    Asked by li4e,

    0 votes
    14 answers

  25. attr в background

    Можно ли использовать attr в background? Вот так не работает... background: url(i/attr(data-site).png) left top no-repeat;

    Asked by PavelTkachev,

    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