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://joxi.ru/GrqzJ13uD01Kmz. Не много опыта со слайдерами есть, но в примерах на оффсайтах слайдеров не могу подобрать похожее. Проблема заключается в нижнем темном блоке: 1) как его вообще прикрутить; 2) стрелка-треугольник должна двигаться и указывать на нужную фотографию ; 3) все должно быть адаптивно - то есть не на десктопах порядок будет "фото"->"информация"->"статус бары". Хотя бы намекните в каком конкретно направлении копать...

    Asked by theobroma,

    0 votes
    1 answer

  2. Проблема с first-child

    Здравствуйте участники форума вот такой вопрос: объясните почему не срабатывает псевдокласс first-child исходные коды прилагаю ниже <!DOCTYPE html><html> <head> <meta charset = "utf-8" /> <link rel="stylesheet" href="style.css" type="text/css" /> <title>sample listing</title> </head><body><div class = "karkas"> <img src = "img/post-img.jpg" alt = "" /> <p> Ut wisi enim ad minim veniam, quis nostrud exerci tation </p> <p> Duis autem vel eum iriure dolor in hendrerit in vulputate velit diam voluptua. At vero eos et accusam esse molestie consequat, vel illum dolore eu feugiat nulla facili…

    Asked by pavlovda,

    0 votes
    1 answer

  3. Как применить стиль к картинке в ячейке таблицы

    Запутался с синтаксисом, почитал про дочерние, но что-то не работает.. table > tbody > tr > td > p > a > img {max-width:150px;}Как правильно оформить? спасибо., такой вариант я первым делом и делал.. а проблема оказалось в другом, просто для страницы был отдельный css..

    Asked by nikki4,

    0 votes
    1 answer

  4. Слайдер

    Сначала слева вылетает первый текст, потом следом второй и все это очень быстро, потом справа вылетает картинка Нужен слайдер который может выполнить вот эти требования. Подскажите пожалуйста

    Asked by fireman691,

    0 votes
    1 answer

  5. box-shadow не работает в IE 10 с ячейками таблицы

    Хочу получить такую таблицу. Здесь на сером фоне внутренние белые линии (слева и сверху) Cделать через тень, короткое изящное решение http://jsfiddle.net/aykkwbss/ Работает везде, но как обычно IE в своем репертуаре (думал в 10-й версии глюков с тенью не будет). Здесь белые линии смещены на 1px вправо или вниз Вложил DIV в ячейку. У Мозиллы едет верстка, а IE не растягивает DIV http://jsfiddle.net/aykkwbss/5/ Можно решить без JavaScript?

    Asked by user89,

    0 votes
    1 answer

  6. Плавное появление при наведении

    При наведении на блок необходимо чтобы блок внутри него плавно появлялся. Как это сделать? http://codepen.io/anon/pen/bdrYmZ

    Asked by yaparoff,

    0 votes
    1 answer

  7. Подскажите (фоновый SVG через base64 и ресайз)

    http://codepen.io/anon/pen/Nqadoo В примере обе иконки – это SVG data-uri. Первая иконка ведет себя так, как если бы ей было заданы следующие свойства: background-repeat: no-repeat; background-size: contain; background-position: bottom; Вторая ведет себя так, как и должна, т. е. обрезается, если размер не влезает. Подскажите, в чем здесь дело?

    Asked by Igor Schnaider,

    0 votes
    1 answer

  8. как разместить div на 1 строке, с изменяемой шириной

    Всем привет! Помогите. пожалуйста! Вот несколько div, помогите пожалуйста исправить, чтоб : розовый квадрат изначально занимал свою максимальную ширину, а не минимальную как сейчас. и при добавлении 4 картинки - розовый чтобы сжимался, а не уходил за пределы красного квадрата. http://jsfiddle.net/k5m6pkwx/3/

    Asked by zvezda_t,

    0 votes
    1 answer

  9. Помогите с версткой, пожалуйста.

    Здравствуйте, уважаемые друзья! Столкнулся с такой проблемой. Я бы хотел добиться одного эффекта, но у меня никак не получается это сделать. Я бы хотел сделать вот такую шапку, как здесь - http://www.templatemonster.com/demo/56108.html. Мне надо, чтобы картинка растягивалась под экран, при уменьшении масштаба она не изменяла свой размер; чтобы на картинке были надписи и навигация, как там. Пожалуйста, помогите. Заранее вам благодарен!

    Asked by ChaosKnight,

    0 votes
    1 answer

  10. Сделал сайт и проблема отображением меню (темы) в IE

    Здравствуйте, помогите пожалуйста исправить такую вот проблему. Перенёс тему на wordpress и начались проблемы с отображением только в IE, незнаю как исправить. Вот скриншот отображение в IE и как должно в Mozila: http://mepic.ru/view/?id=d3d33b83c19c26da166e1aac3b232d4b

    Asked by Kirillrus,

    0 votes
    1 answer

  11. Помогите пожалуйста упорядочить порядок изучаемых технологий

    Всем привет, хочу заниматься фронтендом. Сильно запутался, что и как мне надо учить. Одни говорят, что азов HTML хватит, затем надо будет переходить на CSS+CSS3, после на Javascript + Jquery с попутным изучением HTML5. Другие говорят, что после HTML надо сразу начать учить HTML5 попутно с CSS+CSS3, но такой вариант как минимум скучный, т.к пока учить просто HTML уже всё желание пропадёт. В общем как поступить, в каком порядке учить всё для фронтенда? Всем заранее спасибо.

    Asked by S-god,

    0 votes
    1 answer

  12. Отображение видео на сайте

    Подскажите в чем может быть проблема ! <video class="vlad_video" loop="loop" width="100%" height="auto" autoplay=""><source src="video/formula.mp4" type="video/mp4"></video> Вот так вот все сделал а видео не отображается просто черный экран

    Asked by virtas,

    0 votes
    1 answer

  13. Анонимайзер и зона ".рф"

    Как, используя анонимайзер, открыть сайт из зоны ".рф"? Возможно ли это? У меня не получается.

    Asked by кэп,

    0 votes
    1 answer

  14. Адаптивная верстка лендинга

    Здравствуйте, хочу научиться адаптивно верстать, взял для примера лендинг и возникла проблема, что делать с элементами которые не влазят на маленьких экранах? (скриншот проблемного момента) Серые черточки ни как не влезают на маленький экран и получается вот так: что с ними делать? у меня есть только 1 мысль, просто удалять их на маленьких разрешениях, а как правильно? И второй такой же момент с кнопкой "I want clients" и изображением мышки, на разрешении 320px они встают друг под друга и получается бред, а рядом при 320 их не поставить...

    Asked by cruel09,

    0 votes
    1 answer

  15. Вопрос про flexbox

    Задавать ли флекс элементу width, если ему задано свойство flex-basis?

    Asked by DivMan,

    0 votes
    1 answer

  16. Блоки с ефектами

    Как создать блоки с таким плавный переходом как тут на сайте http://www.turbotech.com.au/ Подробней: есть два блока и как мы опускаемся ниже то идет плавный переход и блок появляется как бы из под блока ! https://fotki.yandex.ru/next/users/sawenkov-o-s/album/429223/view/1014943

    Asked by virtas,

    0 votes
    1 answer

  17. Выравнивание

    Приветствую, хочу сделать так, чтобы иконки соц. сетей располагались ровно под логотипом "Skype", но ничего не выходит http://jsfiddle.net/4nnbou8s/

    Asked by Vans,

    0 votes
    1 answer

  18. как реализовать еффект меню

    Подскажите как можно сделать такой эффект как тут на сайте , сначала меню исчезает а потом появляется только после того как дошло до определенной высоты и уже другим цветом! Вот пример сюда пытаюсь вставить

    Asked by virtas,

    0 votes
    1 answer

  19. owlcarousel, бутстрап и вертикальное вырывнивание

    owlcarousel, бутстрап и вертикальное вырывнивание На страничке кроме карусели ничего нету. Как выровнять это плагин по вертикали, чтоб не сломалась адаптивность?

    Asked by torsar,

    0 votes
    1 answer

  20. как правильно позиционировать фото

    Добрый день ! есть сайт http://front-end.zz.mu/example/на котором должно выглидеть так как на фото а он у меня разваливается можете подсказать что я сделал не так ?

    Asked by pitbuli,

    0 votes
    1 answer

  21. нужен плагин - менюшка для бутстрапа

    типа такого : https://jsfiddle.net/m82bbn7k/2/ адаптивный со смещением контента (как на ютубе) и без (как на гугл плэй) как называется такой элемент интерфейса? зы когда то на википедии в статье по бутстрапу была ссылка на домашнюю страницу какого то чувака с кучей плагинов и там был искомый плагин но сейчас ссылку убрали

    Asked by torsar,

    0 votes
    1 answer

  22. Откуда margin, который не описан в стилях инструментов разработчика Хром?

    Здравствуйте! На странице если открыть какое-либо изображение товара, то у элемента <div id="fancybox-content" style="border-width: 10px; width: 570px; height: 570px;"> видно что есть margin, который не отображается в инструментах разработчика Хрома, но присутствует фактически. Похоже, что скрипт для fancybox. Если присмотреться, то происходит сдвиг в момент открытия фотки. Есть ли у вас идеи, как это можно исправить, по возможности без ковыряния скрипта fancybox?

    Asked by borus,

    0 votes
    1 answer

  23. редиррект с www.domen.com на domen.com в файле .htaccess

    Скажите пожалуйста, как настроить редиррект с www.domen.com на domen.com в файле .htaccess Вот в Яндексе есть опция выбора главного зеркала, в Гугле раньше была, сейчас уже нет. Похоже что через гугл-вебмастер это не решается. В сайтмап указал всё БЕЗ www. Яндекс схватил всё правильно БЕЗ www, а вот Гугл - как-то непонятно, есть странички и С и БЕЗ www

    Asked by alleclf,

    0 votes
    1 answer

  24. Как создать такую тень с помощью CSS?

    Привет! Подскажите, пожалуйста, как с помощью CSS сделать такую тень для блока? Зеленым выделил направление тени. Спасибо!

    Asked by FitTech,

    0 votes
    1 answer

  25. Нельзя активировать плагин на локальной странице

    -Есть расширения в хроме page ruler/color picker/perfect pixel -Я верстаю сайт, когда хочу активировать плагин пишет "Не разрешается использовать плагин на локальной странице" Нужно по идееи куда то сайт закинуть?Почему то на яндекс/гугл диске нельзя открыть папку. Как быть чтобы ето было быстро? Спасибо!

    Asked by аркей,

    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