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. Как отменить transition, если анимация уже началась

    Что-то не нашел данной информации, хотя в определенных случаях оно автоматически отменяется. В этом примере сделал прокрутку длинного текста. Если кликнуть на "Очень длинный текст для прокрутки", он начнет ездить влево-вправо. Если в момент, когда он едет влево нажать например на "Просто длинный текст", то он мгновенно возвращается назад (так и нужно). А вот если нажать в тот момент, когда он едет вправо, то анимация продолжится до конца. Хотелось бы, чтобы текст при клике возвращался мгновенно.

    Asked by Switch74,

    0 votes
    5 answers

  2. overflow ограничивает абсолютный блок

    Как сделать, чтобы абсолютный блок не обрезался внешним блоком с ограничением overflow:auto. Структура такая: <div style='overflow:auto; width:500px;'> <div style='position:relative'> <div style='position:absolute; width:1000px;'> длииииииииииииииииииинннннннннннннннннннннннныыыыыыыыыыыыыыыыыыйййййййййййййййййййй тееееееееееееееееккккккккккккссссссссссссттттттттт </div> </div> </div> Как сделать, что бы блок с текстом не обрезался внешним дивом с overflow, но при этом позиционировался относительно блока relative? z-index менял. В статичный блок абсолютный помещал.

    Asked by BoJITyH,

    0 votes
    13 answers

  3. Почему текст выходит за границу родителя?

    Привет. Никак не соображу - почему текст не переносится: Посмотреть можно тут (на главной): http://z.leveler.ru/

    Asked by d0ublezer0,

    0 votes
    2 answers

  4. Почему не плывет влево и оставляется пробел?

    Под большим фото есть миниатюры. У них есть свойство флоат:лефт. поидее должны по левому краю быть, но нет. видно, что 4я миниатюра, помещена почему-то в центре второго ряда картинок. вот страница с примером Было там как-то больше фоток, так там и вовсе дырка оказалось в одном из рядов. От чего такое происходит?

    Asked by nikki4,

    0 votes
    1 answer

  5. Помогите с правильной HTML-структурой

    Ребята, можете помочь со структурой html кода. А то напутал наверное. Кому не трудно - проверьте быстренько Буду благодарен http://codepen.io/anon/pen/grXpmP

    Asked by JumpSnoopy,

    0 votes
    1 answer

  6. Как сделать кнопку с рисунком

    У меня примерно вот такой код : <button> <img src="image/4.jpg" alt=""> </button> но когда я его запускаю появляется обычная кнопка без рисунка.

    Asked by Андрей309,

    0 votes
    5 answers

  7. Трапеция? Неправильный прямоугольник?

    Добрый день. Подскажите, как можно заверстать вот такие штуки? Без картинок. http://prntscr.com/anvzcp http://prntscr.com/anvzgx http://prntscr.com/anvzpg Спасибо!

    Asked by necro,

    0 votes
    5 answers

  8. Что растягивает страницу при 768 пикселях?

    Здравствуйте. Если посмотреть на страницу при ширине экрана 768 пикс, то можно увидеть много пустого пространства после шапки сайта. Какие стили вызывают такое смещение?

    Asked by borus,

    0 votes
    2 answers

  9. Как правильно обернуть картинку в ссылку?

    Здравствуйте, граждане! В html5 я столкнулся со следующей проблемой. Оборачивая <img /> в теги <a></a>, у меня под картинкой появляется щель шириной ~3,5px. Кто-то с этим сталкивался? Код следующий: <!DOCTYPE html> <html lang="ru"> <head> <title></title> </head> <body> <div style="border: 1px solid black;"> <a href="#"> <img src="img1.jpg" /> </a> </div> </body> </html> Скриншот результата: https://yadi.sk/i/EWNxjZQ4qhtAp Кроме того, результат одинаков как для браузера Opera, так и для ЯндексБраузера.

    Asked by PeterGreat,

    0 votes
    2 answers

  10. хром,кнопка назад и меню

    страница рендерится с меню,которое прилипает к верху страницы если кликнуть на любой элемент,а затем вернуться назад нажав кнопку назад то меню пропадает самого элемента заголовка <header> нету, почему то пропадает,проверяю инспектором если смотреть исходный код то элемент есть потому что идет новый запрос на сервер в чем может быть проблема?

    Asked by https,

    0 votes
    2 answers

  11. Загрузка background-image и @media screen

    Подскажите, пожалуйста, как загружаются background-image, если для мобильников и десктопов делать разные фоны.. В зависмости от @media screen или все сразу грузятся?

    Asked by pamavik,

    0 votes
    1 answer

  12. В какую сторону копать для упрощения верстки (макетирование).

    Я в веб-верстки ровно месяц. Так что извините за незнание каких-либо терминов или/и их неправильное употребление. Попытался сделать сайт для себя, т.к. просто учиться на офлайн-файликах немного скучно. И уже сейчас столкнулся с такой проблемой. HTML-файлов в сайте уже штук 10, и каждый раз когда я хочу изменить интерфейс сайта мне приходится последовательно менять его во всех этих 10 файликах. Можно ли как-то оптимизировать этот процесс? Порылся в интернете - есть рекомендации Adobe Dreamweaver CC, но также пишут мол он "отупляет" верстальщика. Какую программу посоветуете для решения этой проблемы? В какую сторону копать?

    Asked by Moles,

    0 votes
    4 answers

  13. Портфолио на Github

    Добрый день. Сделал страницу с портфолио и разместил на Github.io. И вот какая проблема - при переходе по ссылкам на работы вся верстка ломается, и вроде бы причину нашел. Каким то образом в HTML файле в head оказывается инлайновый стиль, но он чужеродный, в моей верстке его нет. Выключаю его в инструментах разработчика все норм. Но как мне вообще от него избавиться? Где это, откуда, вообще не пойму. Ссылка на порфолио http://cdsy.github.io/ Ниже сам кусок кода от которого надо избавиться. <style><!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta http-e…

    Asked by CdSy,

    0 votes
    0 answers

  14. Убрать подложку сайта под кнопками

    Друзья,всем добрый день! Помогите пожалуйста разобраться. Имеется фоновое изображение и подложка сайта на которой размещены кнопки. Необходимо чтобы за кнопками отсутствовала подподложка, а рядом где кнопки отсутствуют она осталась. Хотелось бы чтобы было вот так: http://hkar.ru/HHwR Сам код вот здесь: http://codepen.io/Ivan545/pen/reGdQe

    Asked by Иван98,

    0 votes
    6 answers

  15. Помогите плз с версткой

    Уже 2 дня не могу сделать вестку header(файл во вложении). Вся шапка в формате psd(могу вытянуть любой рисунок). Не получается наложить рис. так что б они при уменьшении дисплея не плыли, тоесть были адаптивными к любому расширению дисплея. Использую фреймворк bootstrap. Белая и серая полоски будут росширяться, при изм.дисплея. Надеюсь на Вас ув.форумчане. С css и html знаком. Заранее благодарен

    Asked by Yura1989,

    0 votes
    2 answers

  16. Подскажите как сделать онлайн компилятор HTML/CSS.

    Ребята помогите пожалуйста в решении вопроса.А именно как сделать онлайн компилятор HTML/CSS на подобие того что в CodeAcademy или jsfiddle?Хочу попробовать сделать сайт на подобие того самого CodeAcademy, для дипломного проекта.

    Asked by Konstantin99,

    0 votes
    2 answers

  17. простейший вопрос, но вызвал ступор

    Добрый день всем участникам! Суть задачи - есть много (около 4.000) файлов html, структура одинаковая, нужно из каждого файла экспортировать текст в какой-нибудь формат для дальнейшей сортировки (xls, csv, odt - не столь важно). Пример кода: <b class="worker">Виктор</b>, вот нужно только этого "Виктора" и экспортировать. Хотелось бы найти готовое решение/программу, все мысли почему-то крутятся в заказе скрипта-обработчика на php... Заранее спасибо за советы )

    Asked by Диана23,

    0 votes
    0 answers

  18. Как сделать обтекание текста по середине рядом с div-кнопкой

    На сайте вверху есть вот такая информация: Вот код: <div class="box-services"><span class="pull-left"><i class="fa fa-refresh">&nbsp;</i></span> <div class="media-body"> <h3><a href="http://www.duoterm.ru/contact-us/"><font><font>Сделать заказ</font></font></a></h3> </div> </div> <div class="box-services"><span class="pull-left"><i class="fa fa-phone">&nbsp;</i></span> <div class="media-body"> <h3><font><font><font><font>+7 916 321-81-40</font></font></font></font>&…

    Asked by guram07,

    0 votes
    2 answers

  19. Как поднять Div

    почему диф в конце списка опустился тем самым увеличивая высоту ли с бордерами *{ margin:; padding:; border: none; } .wheader{ text-align: center; width: 1100px; margin: auto; height: 90px; } .wheader img { margin-top: 20px; } .wmenu{ height: 50px; background-color: #fafafa; border: 1px solid #eee; } .menu{ width: 1100px; margin: auto; height: 50px; } .menu-list{ list-style:none; display:table-row; } .menu-list li{ display:table-cell; width:auto; text-align:center; border-left:2px solid #eee; …

    Asked by BaukaKz,

    0 votes
    1 answer

  20. HTML 5 на деле - шаблон интернет магазина

    Здравствуйте. У меня уже очень давно зреет вопрос, а теперь я решил переверстать несколько своих проектов с использованием html5 тегов. И задался я вопросом какие же теги из html5 стоит использовать в интернет-магазинах, по копав интернет, ничего конкретного я не нашел, а что нашел датировано 2010-2012 годами. Есть понятные вещи и некоторые я уже давно использую, например, тег <nav>, все меню сайта у меня находятся в этом теге. Тег <heder> и <footer> тоже не заставляет задуматься. Н на этом пожалуй и все….. Остальные теги вгоняют меня в мысли, нужны ли они или как их правильно использовать: Тег <article> - почитал в интернетах, вроде…

    Asked by Tipylja,

    0 votes
    1 answer

  21. Сетка bootstrap-sass 11-колоночная?

    Здравствуйте. Установил через Bower bootstrap-sass 3.3.6, начал верстать и столкнулся с неприятной проблемой. Код: <article> <div class="container"> <div class="row"> <div class="col-sm-5 hidden-xs"> <img class="shop-pages" src="img/shop-pages.png" alt=""> </div> <div class="col-sm-6"> <section class="suitable-offer"> <h2 class="suitable-offer__heading">Наше решение идеально подойдёт для:</h2> <div class="suitable-offer__elem suitable-offer_paper-airplane"><span class="suitable-offer_first-line">Запуска стартапа</span> Оптимальное решение для бизнеса, кото…

    Asked by Sigizmund,

    0 votes
    9 answers

  22. Реализация кнопки нестандартной формы

    Пытаюсь реализовать кнопку необычной формы. Проблем с кнопкой не было, до того момента, как встала задача добавить при наведении эффект glow. Вот тут то и вышли проблемы. Сам пример тут. Если кратко то куски кнопки, которые эмулируют скосы отображаются как части, а не как единое целое. При ховер у меня также меняется прозрачность. По кнопке перерыл весь инет, нашел вот это. Но в основном эти реализации либо не работают с бордером, либо поддержка в браузерах малая(clip-path). В общем был бы благодарен за помощь.

    Asked by helio,

    0 votes
    3 answers

  23. Не все буквы русского алфавита отображаются правильно

    Всем привет, возникла такая проблема. На сайте не отображаются некоторые буквы русского алфавита, точнее не правильно отображаются. Кодировка win-1251 ничего не меняет, а при кодировке utf-8 совсем все становится иероглифами. С английским все в порядке. Все отображается правильно, но хотелось бы решить проблему с русским языком. Подскажите пожалста решение. Как это исправить?

    Asked by Frost,

    0 votes
    6 answers

  24. Изменение выдвижного аккордеона - на круги

    Доброго времени суток! Я выбрал js аккордеон выдвижного типа с горизонтальным рядом квадратных раздвигаемых картинок . Требуется квадраты поменять на круги "тарелки". Проблема!!! Изображение кругов в png не дает прозрачного фона за пределами окружности - остается белый бек в размере квадрата. Замена изображения на окружность средствами CSS дает те же результаты. Прошелся по всем бекам - изменил на "none" или добавлял прозрачность - "0"... Все без толку. А прозрачность тупо делает прозрачным весь "круг". Не знаю где еще смотреть.

    Asked by Vlad16,

    0 votes
    1 answer

  25. Как сделать правильное от отображение формы обратной связи?

    Добрый день! Недавно у меня возникли проблемы с формой обратной связи - сообщения не приходили. Сайт я делал в Adobe Muse. Изначально форма имела такой вид ( я укажу лишь участок кода, чтобы внимание не распылять, так-как я думаю проблема именно в этом участке ) : $to = 'london@asiris.esy.es'; $subject = 'Home'; $message = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/plain ;charset=UTF-8"/><title>' . htmlentities($subject,ENT_COMPAT,'UTF-8') . '</title>&l…

    Asked by Zakonoposlushniy,

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