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. Надо меню сайта сдвинуть влево

    Надо меню сайта сдвинуть влево В броузере Ffirefox меню выглядит корректно , в Chrome расположено по центру. Почему оно в Chrome там оказалось не пойму, было раньше расположено слева. Подзабыл, год не занимался версткой. Сам допру, но хочется побыстрей. Решил контент освежить. сайт http://nakhodka.h1n.ru/

    Asked by Alex_,

    0 votes
    2 answers

  2. Проблема с блоками

    Доброго времени суток. Столкнулся с такой проблемой! https://jsfiddle.net/ysrg47Lh/, когда я делаю ширину левого и правого сайдбара в процентах то у меня все получается и блоки плавают как нужно, но стоит мне задать минимальную ширину левого и правого блока как правый блок смещается в низ под контент. В итоге я не могу сделать так что бы левый и правый сайдбар был фиксированной ширины а контент принимал размер в зависимости от экрана и при этом не скидывал правый сайдбар под себя.

    Asked by S1lencer,

    0 votes
    2 answers

  3. Целыми ли должны быть размеры шрифта в дизайне?

    Вот дизайнер вечно шлёт макеты со шрифтами с размером 26,84px, 16,37px и.т.д ... Это нормально? Или может надо заставить его переделать? Ибо заказчик очень принципиальный к пиксель пёрфекту.

    Asked by Alarr,

    0 votes
    2 answers

  4. Mask in SVG

    Всем привет! И опять у меня проблемы с SVG. Как сделать, чтобы у буквы D был такой же фон как у контейнера? Т.е. D прозрачная, и фон у многоугольника на месте буквы тоже. Мучаюсь здесь

    Asked by Schamil74,

    0 votes
    2 answers

  5. Как сверстать эту секцию?

    Всем привет. Вопрос: как сверстать данную секцию? prntscr.com/fr8b96 Заранее спасибо за ответы. Как сделать что бы иконка была слева, а текст справа я уже знаю. А вот как сделать это все дело в ряд до меня не доходит Возможно просто недостаточно знаний для этого.

    Asked by Crushing,

    0 votes
    2 answers

  6. Два блока одинаковой высоты

    Как сделать два блока одинаковой высоты если размеры указывать в процентах. Вот пример - https://jsfiddle.net/u0w204a4/ Размер красного блока зависит от размера экрана, как подогнать высоту синего блока чтобы она была такая же как и у красного? Текст в синем блоке должен быть в самом низу на уровне нижнего края картинки.

    Asked by alleclf,

    0 votes
    2 answers

  7. Помогите советом

    Ребят, есть несколько вопросов, помогите новичку ) 1. FontAwesome и Fontello В чём сокральный смысл подключать тяжелый шрифт FontAwesome если можно собрать нужные нам иконки на Fontello и подлючить непосредственно их. Размер ведь будет намного меньше ? 2. Есть блок обёртка для фотографии, и непосредственно сама фотография. Почему наш блок обёртка всегда немного длинее самой картинки ? За счёт чего образовывается этот самый отступ ? Убираю его, задавая контейнеру font-size: 0, но хотелось бы понимать из-за чем этот самый отступ образовывается. 3. Есть сайт шириной 1400 px. В некоторых секциях на фоне идёт картинка на всю ширину. Как верстать подобные…

    Asked by brezze,

    0 votes
    2 answers

  8. Якори

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

    Asked by Anuar03,

    0 votes
    2 answers

  9. Супер дизайн

    http://prntscr.com/fcm086 кто нибудь сталкивался с таким слайдером, подкиньте пример решения пожалуйста. В гугле не смог найти подобного слайдера.

    Asked by Endorphin,

    0 votes
    2 answers

  10. Подключение скрипта

    Ребята выручите, всю голову уже сломал. Скачал с сайта скрипт, подключаю его а он не работает. Если указываю путь на скрипт на сайте с которого скачал то все работает. В чем может быть причина. Пример: так не работает <html lang="ru"> <head> <link rel="shortcut icon" type="images/vnd.microsoft.icon" href="favicon.ico" > <link href="site/css/style.css" rel="stylesheet" media="all"> <script type="text/javascript" charset="utf-8" src="site/js/jquery.js" ></script> </head> <body> <script src="site/js/plugins.js" > </script> …

    Asked by serg3318,

    0 votes
    2 answers

  11. Не отображаеться картинка

    Здравствуйте ребят нужна помощь в казалась бы элементарных вещах, но сам никак не соображу почему не работает, не верстал уже года 3-4 где то а сейчас понадобилось сделать кнопку, банальная картинка ссылкой но почему то не работает,картинка лежит в той же самой директории,названия правильные,а картинка все равно не отображаеться, в чем может быть ошибка помогите пожалуйста) скрин директории сама картинка и файлик с html разметкой так же прилагаю скрин кода и сайта где картинка(ссылка) не отображается, вроде все элементарно а все равно не работает(

    Asked by Евгений_SB,

    0 votes
    2 answers

  12. Chrome неверно отображает странницу

    страница отображается во всех браузерах правильно, кроме chrome: баннера перекрывают выпадающее меню что не так для chroma? вот ссылка на страницу http://centrpol.com.ua/index.html прин-скрин прикрепил: слева во всех брайзерах верно, справа в Хроме не верно

    Asked by siemens1111@yandex.ru,

    0 votes
    2 answers

  13. В начале страницы знак вопроса.

    Asked by nyawqa_bob,

    0 votes
    2 answers

  14. hover на 1-й элемент, меняет стиль 2-го элемента

    Добрый вечер. Подскажите пожалуйста как hover 1 элемента менять стили другого? вот пример, почему то не работает... https://jsfiddle.net/Beoulve/zgvw2t8k/ может я вообще не так все делаю и проще скриптами делать или другим методом. p.s. пытался включить div блоки в список li что бы hover заработал, но тогда опасити 1 ставится даже когда на сам блок наводишь, а не только на элемент меню. upd. https://jsfiddle.net/zgvw2t8k/4/ вот пример поновее... upd.2. https://jsfiddle.net/Beoulve/zgvw2t8k/5/ получилось, но, когда курсор уходит с ссылки, блок пропадает, хотя если курсор переходит на блок, блок должен оставаться.

    Asked by Beoulve,

    0 votes
    2 answers

  15. радиобаттоны

    Всем доброго дня. Друзья подскажите мне пожалйста. есть сайт лэйндинг. в index.php есть много веб форм. в них прописано много кнопок radio. мне надо с них взять данные и чтобы фаил отвечающий за обратную форму отправка на почту прислал мне их. помогите пожалуйста. прилагаю два фаила в одном полно баттонов и чекбоксов. второй отвечает за отправку(aplication) index.php application.php

    Asked by ms_blade@mail.ru,

    0 votes
    2 answers

  16. Адаптивная вёрстка. Как правильно подойти?

    Приветствую всех! Вот хочу попытаться сверстать адаптивный сайт, но есть вопросы: 1.Под какие разрешения собственно верстать? 2. Как верстать под большие разрешения и нужно ли это вообще(большие разрешения это больше 1200 px)? 3. Как собственно ровно верстать под большие разрешения, если у самого монитор в 1200, а надо больше (если надо, смотрим вопрос 2). Очень неудобно будет то 4.О маленьких разрешениях. Нет при себе не мобильного, ни чего-то другого, а на сайте будут использоваться блоки с JS и многое другое "тяжелое". Вдруг всё тормозить начнет, как решить вопрос? 5. Есть ли нормальный и бесплатные хостинг с поддержкой динамики? Может своё дети…

    Asked by tigrus2014,

    0 votes
    2 answers

  17. На мобильниках средняя колонка на пол экрана

    Здравствуйте. Столкнулся с такой проблемой: На стационарных компьютерах верстка отрабатывает нормально, а на мобильных браузерах нет. В мобильных браузерах средняя колонка занимает всего 50% ширины контейнера, предназначенного для нее. http://c3w.ru/fotogalereya/ - альбомы должны располагаться в два столбика, а на мобильных браузкрах располагаются в однин столбик. В общем ширина элемента со значением id="center" на мобильных устройствах почему-то меньше. Кто поопытнее: Подскажите пожалуйста в чем может быть дело и как эту проблему решить.

    Asked by kniaz05,

    0 votes
    2 answers

  18. Переменные input

    Как сложить переменные, которые в таблице вставлены в <input>. Какой тег, или скрипт нужно использовать что бы получилась формула? Спасибо.

    Asked by YoungMoney,

    0 votes
    2 answers

  19. Проблема со сладером

    Некорректно работают кнопки left и right. Иногда right вообще перестаёт работать, если нажимать left. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript" src="script's.js"></script> <style> .slider { border: 2px solid black; width: 300px; height: 60px; overflow: hidden; } #MySlider { position: relative; width: 400px; } #MySlider img { width: 60px; height: 60px; float: left; } #left { position: absolute; top: 205px; …

    Asked by ErUnDAK,

    0 votes
    2 answers

  20. Ссылка на другую html страницу со скролом

    Всем доброго времени суток. Есть такая задача, надо сделать ссылку на другую страницу. Но не просто на другу страницу а до определенного блока. Страница открылась и происходит скроил до начала нужного нам блока. Какими средствами можно такую задачу реализовать. Пните в нужную сторону, спасибо ^^

    Asked by Aleksandr.Bycyk,

    0 votes
    2 answers

  21. Проблема верстки с fixed div

    Необходимо, чтобы реагировал на клик сначала внутренний блок (CONTENT), а далее уже родительский (FIXED) Как это можно реализовать? Ссылка https://jsfiddle.net/ux7gknhk/1/

    Asked by reeffdasfsda,

    0 votes
    2 answers

  22. Посоветуйте как сделать сужающуюся строку поиска при уменьшении разрешения.

    Помогите сделать сужающуюся строку поиска. Как на ya.ru при уменьшении окна браузера. Когда окно будет меньше 1024 пикселей. @media screen and (max-width:1024px)Что тут написать ??? что только не пробовал , не могу добиться эффекта. Все уезжает , все разъезжается ))) У меня задание скопировать яндекс и чтобы при размере менее 1024 пикселей он приобретал вид ya.ru.

    Asked by Coder-vasya,

    0 votes
    2 answers

  23. Адаптивное меню

    Ребят помогите советом. Есть адаптивное меню, не могу понять, почему оно снизу вверх открывается внуть хэдера. Нужно чтобы оно плавно вниз уходиле без изменения высоты самого блока. Что не так делаю ?

    Asked by brezze,

    0 votes
    2 answers

  24. Как расставить ссылки равномерно.

    Учусь делать шапку. Так вот,одна проблема мне не даёт покоя,где я только не искал : Файлы Хочу чтоб 3 ссылки в блоке располагались равномерно.Я уже и дивы и спаны и списки пробовал,и всякие команды типа дисплей,текст-аллайн и тп Но получается только или в середине кучкой,или слева.

    Asked by tatunserg,

    0 votes
    2 answers

  25. Наложение картинки на кнопки

    Ребят здравствуйте, возникла небольшая проблема верстаю в общем то не сложный макет, но так как я новичок и толком еще ничего не умею, не знаю как решить эту проблему есть контейнер с 2 кнопками и картинкой согласно дизайна (скрин 1) кнопки должны быть внизу картинки но при верстке картинка на них наслаивается и кнопки не реагируют на нажатия (на скрине 2 видно) пробовал и z-index использовать ничего не выходит какие есть еще способы код HTML <div class="banner"> <a href="#" class="button_left"> <img src="images/button-left.png" alt=""> </a> …

    Asked by Евгений_SB,

    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