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. Внутренняя тень у svg-иконок

    Здравствуйте. Необходимо реализовать svg-иконки соцсетей. На картинке снизу соответственно обычное состояние, hover и active. Скрытый текст . В состоянии active у иконки должна появляться тень. Код иконок я вставляю в HTML, и стилизую с помощью CSS. Сначала я пытался реализовать тень с помощью box-shadow inset, применяя её к самому svg. Но в таком случае тень появляется как-бы за элементом http://codepen.io/Drew96/pen/WxPdvb Потом я пытался сделать тень с помощью svg-фильтров. Но так как иконка представляет собой круг с «дыркой» по форме значка социальной сети, то тень появлялась не только сверху круга, но еще и под значком. Тогда…

    Asked by Drew96,

    0 votes
    7 answers

  2. Не работает выпадающее меню на CSS

    Есть кнопка Online (.ostatus .button), при наведении мыши на которую должно выпадать меню (.ostatus ul), но ничего не происходит. Делал по готовым примерам в интернете - тоже ничего. HTML: <div class="ostatus"> <div class="button"><span class="status online"></span> Online <span class="caret"></span></div> <ul> <li><span class="status online"></span> Online</li> <li><span class="status offline"></span> Offline</li> </ul> </div> CSS: .ostatus .button {position:relative} .ostatus ul {position:absolute;width:130px;left:-9999px} .ostatus .button…

    Asked by iBars,

    0 votes
    7 answers

  3. Индикатор нахождения на странице

    Доброго времени суток, хочу спросить у знающих людей, как можно реализовать следующую задачу... В меню навигации должен быть некий индикатор нахождения на странице, в виде белой полосы(полоса занимает не всю ширина и как бы отцентрована), вопрос какими способами можно её сделать при помощи css, если знаете несколько вариантов просьба их все перечислить! Код как бы не обязательно, меня интересуют именно способы реализации, возможно просто ссылки на статью или видео с примером!

    Asked by KamZed,

    0 votes
    7 answers

  4. Проблема с собственным шрифтом

    Дорогие друзья уже долго не могу наладить работу собственного шрифта. http://rmsgames.ru/6px2bus.ttf это путь к шрифту. Кодировка utf-8. Все делал по уроку с этого сайта. Вот кусок кода который у меня не работает. #test1 { @font-face font-family: bus; src: url(www.rmsgames.ru/6px2bus.ttf); font-size: 170%; font-family: 'Press Start 2P'; background: black; color: #bed143; text-decoration: green; /* Убираем подчеркивание */ border: none; outline: none; }

    Asked by Artemiy1243,

    0 votes
    7 answers

  5. Вопрос по шрифтам

    Всем доброго времени суток! Я решил подключить собственный шрифт в шаблон, но задался вопросом имея 5 расширений для шрифта (ttf-woff-eot-svg-otf) и подключая их скачиваться будут все или только необходимые? тоесть если нужен ttf то он и скачается, а остальные проигнорируются? и как быть если браузер поддерживает скажем и ttf и woff и eot он все три скачает или только один?

    Asked by green-vik,

    0 votes
    7 answers

  6. Изменения позиционирования

    Есть контейнер DIV с двумя блоками Р которые позиционированы относительно левой стенки контейнера, я захотел переместить первый блок относительно правой стенки, но не получается. Почему так происходит? <div> <p class="q1"></p> <p></p> </div> div{ width:500px; height:500px; border:1px black solid; position:relative; } p{ position:absolute; left:0; top:0; width:50px; height:50px; border:1px black solid; } div p:first-child { right:110px; }

    Asked by aqua.77,

    0 votes
    7 answers

  7. Фильтрация таблицы на JavaScript

    Здравствуйте! Имеется таблица с заголовками. Есть к ней фильтр: https://jsfiddle.net/3eqfLb7b/ Фильтрация убирает строки tr, которые не совпадают с искомым значением. Но заголовки th остаются. Подскажите, пожалуйста, как скрыть заголовки, которые не содержат искомое значение? Заранее благодарю за помощь.

    Asked by volshebnyi,

    0 votes
    7 answers

  8. hover на другой элемент

    Как заставить при наведении мыши на один элемент применить фон для другого элемента? или альтернативу предложите. https://jsfiddle.net/v662rftm/

    Asked by aqua.77,

    0 votes
    7 answers

  9. Смещение Блока при наведении

    Верстаю макет, имеется блок с border в 1px, при наведении он должен менять цвет и становится на 1px больше т.е 2px, все сделал, но при наведении он смещает на 1px другие блоки, как можно это исправить? .welcome-box{ float:left; width:28%; margin-left: 3.3%; text-align: center; border:solid 1px #cac8c5; padding:15px 8px; } .welcome-box:hover{ border:solid 2px #1dde85; } .welcome .welcome-box:first-child{ margin-left:0; }

    Asked by ShaxaY,

    0 votes
    7 answers

  10. Увеличеие шрифта по нажатию кнопки

    Как мне через тэг INPUT сделать кнопку, по нажатию которой ОПРЕДЕЛННЫЙ текст будет увеличиваться/уменьшаться?

    Asked by ErUnDAK,

    0 votes
    7 answers

  11. Настройка выпадающего списка

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

    Asked by saine,

    0 votes
    7 answers

  12. Слайдер на чистом CSS

    Не работает кнопка на 1ом и 2ом слайде, а на 3ем норм. Игрался z-index, но увы безуспешно. Есть соображения? И еще момент, как менять цвет фона body при смене слайда. Например, слайд1 - фон body красный, слайд2 - фон body зеленый и тд??? Слайдер выполнем путем подмены радио кнопок. Картинки подгружать в сам слайдер на стал, думаю и так понятно. Спросите зачем на чистом CSS? Чтобы прокачаться по селекторам и работе слоями. Заранее спасибо за помощь http://www.cssdesk.com/EjsHZ

    Asked by Schamil74,

    0 votes
    7 answers

  13. Проблемы медиазапросов

    почему именно на определенном пикселе в адаптивной версте все ламается, тоесть если 1200 все ломаеться, а если 1199 и 1201 то все хорошо? Что в таких случаях делать?

    Asked by irina_f,

    0 votes
    7 answers

  14. Как присоединить к ссылке значение

    Здравствуйте! Столкнулся с такой проблемой: Имеется ссылка https://www.pochta.ru/tracking# и имеется значение #ORDER_TRACKING_NUMBER# (цифры). Подскажите пожалуйста, как сделать так, чтобы окончательная ссылка выглядела так https://www.pochta.ru/tracking#12345678912345 ?

    Asked by near,

    0 votes
    7 answers

  15. Сетка для макета

    Здравствуйте, верстаю сетку 3х3 в которой можно размещать блоки любого размера в данном диапазоне (1х1, 2х3, 3х1 и тд) с использованием классов, реализовано это все на float:left и столкнулся с проблемой, что если указать вертикальный блок по центру или справа, то остальные блоки будут обтекать его как и должны справа или снизу, но место слева от него остается пусты и туда нужно засунуть блок который идет сразу после вертикального. Новые классы использовать нельзя, либо как то сss помогите решить, либо с использованием js. Спасибо за любую помощь. Исходники https://jsfiddle.net/svfvs5cb/

    Asked by Konstantin99,

    0 votes
    7 answers

  16. Не работает css

    Привет всем . Мне понравился дизайн сайта ,я скопировал исходный код html и создал свою копию этого сайта . Я это делаю для того что бы таким образом набраться опыта так как все равно приходиться изменять скопированный код и адаптировать уже под свой веб сайт . Я загрузил свои картинки и т.п немного изменил код ,все работает . Но за исключением проблем с css ,я не могу изменить дизайн из-за того что не понимаю почему скопированный css не работает на моем сайте . Я скопировал css ,положил в папку с моим сайтом и в index .html указал путь к css файлу . В исходном html указан путь к css <link rel="stylesheet" href="http://www.spacex.com/sites/spacex/files/…

    Asked by MrSergey07,

    0 votes
    7 answers

  17. Выбор ноутбука для front-end разработки

    У меня бюджет 10к грн. Остановил свой выбор на ноутбуке HP 255 G5 (Y8C03ES) . Скажите, он подойдет для обучения и работы на фрилансе? Не будет ли виснуть макеты в фотошопе CC? Или с таким ноутом лучше не соваться в ит? Спасибо. Экран 15.6” (1920x1080) Full HD, глянцевый с антибликовым покрытием / AMD Quad-Core A6-7310 (2.0 - 2.4 ГГц) / RAM 8 ГБ / SSD 128 ГБ / AMD Radeon R4

    Asked by Hasiev,

    0 votes
    7 answers

  18. Правка формы заказа на сайте

    Добрый день! Полагаю, что мой вопрос совсем "детский", но прошу помощи, мне в силу возраста самой сложно разбираться в верстке. Буду очень признательна за помощь! Собственно проблема: через скрапбук я скопировала сайт, в файле index.html возникла необходимость поменять форму заказа, чтобы при заказе данные приходили ко мне на почту. Нашла order-section в файле, но непонятно, как именно вносить правки, в поле action стоит значение action="http://vip.fly-bra.com/order" Как сделать так, чтобы во внешнем виде формы не поменялось ничего (в т.ч. и таймер, "зашитый" внутрь нее), кроме, собственно, адреса отправки данных... Спасибо заранее! P.S.: прикрепляю сам ind…

    Asked by ekaterina67,

    0 votes
    7 answers

  19. как сделать токую обводку

    как сделать такую обводку как наскрине помогите

    Asked by nikif,

    0 votes
    7 answers

  20. Как выравнять форму по вертикали?

    Здравствуйте! Есть такая верстка: https://jsfiddle.net/uw5qLb12/ Как в этой ситуации выравнять форму по вертикали?

    Asked by borus,

    0 votes
    7 answers

  21. Нужна помощь с копированием

    Можете подсказать как можно сделать такой каталог на своем сайте (нужно скопировать,или сделать подобное вот с этого сайта)http://amigo.ru/kollekcii/kollektsiya-rulonnykh-tkaney/

    Asked by Fast1kj,

    0 votes
    7 answers

  22. SSl сертификат для домена 3-го уровня это реально???

    SSl сертификат для домена 3-го уровня реально получить где нибудь? На Cloudflare попробовал, не прокатило. Подскажите чтобы тупо не биться головой о стену.

    Asked by Alex_,

    0 votes
    7 answers

  23. Ошибка в sass - Autoprefixer: Missed semicolon

    Всем привет! Такая ошибка - при сохранение стилей в основном файле sass все отлично, а вот если подключать отдельные файлы, например, _header.sass при сохранение выскакивает ошибка - Autoprefixer: Missed semicolon! Точка с запятой все стоит нормально, компилит если несколько раз нажать сохранить, но всегда выскакивает эта ошибка! Вот моя сборка: https://paste.ofcode.org/sLuKmekW88cFusdQPeFaPV ! Помогите пжл)

    Asked by Илья Владимирович,

    0 votes
    7 answers

  24. Не работает обрезка clip-path для анимированного элемента с transform в Chrome и Opera

    Здравствуйте. Прошу помочь в решении следующей задачи: Имеется родительский элемент со свойством clip-path и дочерний элемент с анимацией: Для примера: HTML <div id="logoimage-waves"> <div id="waves-animated"></div> </div> <svg> <clipPath id="WavesPolygon"> <polygon points="0 0,95 0,95 8,80 5,60 10,40 15,20 20"> </polygon> </clipPath> </svg> CSS #logoimage-waves { width: 100px; height: 100px; clip-path: url("#WavesPolygon"); -webkit-clip-path: polygon(0px 0px,95px 0px,95px 8px,80px 5px,60px 10px,40px 15px,20px 20px); p…

    Asked by chester40,

    0 votes
    7 answers

  25. Как адаптировать такой элемент ?

    Помогите адаптировать такой странный на мой взгляд элемент. Я понятия не имею как такое адаптировать, макет только для десктопа.

    Asked by Аришан,

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