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. Действие по клику на элемент Canvas

    Задача: нарисовать домик, и присвоить различным его элементам действия по клику, например: По клику на надпись открыть модальное окно, по клику на дверь сделать её открытой и ид. Домик нарисовал, а как применить действие по клику на элемент не могу никак понять. Не прошу сделать за меня задание, хочу именно узнать, как реализовать здесь oneclick или что здесь правильнее использовать. <!doctype html><html> <head> <title>Домик</title> <meta charset='Windows-1251'> </head> <body> <canvas id='example'>Обновите браузер</canvas> <script> var example = document.get…

    Asked by alexissmile,

    0 votes
    2 answers

  2. хочу понять позиционирование

    live: https://jsfiddle.net/5fL1xn9q/ Дублирую: div.wrapper { position: absolute; top: 0px; height: 500px; width: 600px; border: 4px outset grey; } div.title { position: absolute; top: 0px; height: 28px; width: 590px; border-bottom: groove 2px #aaa; padding: 5px 5px 5px 5px; line-height: 125%; background-color: green; } div.content1 { position: absolute; top: 40px; height: 455px; width: 590px; pa…

    Asked by rtl_one,

    0 votes
    2 answers

  3. Рамка у ссылки при нажатии

    При нажатии на ссылку появляется рамка При том что в стилях я задал ей: a:visited,a:active { border: none; outline: none; } И даже так: a:visited,a:active { border: none!important; outline: none!important; } В чем может быть дело

    Asked by yaparoff,

    0 votes
    2 answers

  4. не работает русский язык при utf-8 без bom

    Подключаю utf-8 без бом, не работает русский язык, а с бом , не работает сессия и куки.Вместо русского появляются какие то странные символы.Искал решение своей проблемы, что бы я не пробовал, ничего не получается.Еще добавлю , что запускаю с денвера(может это прояснит ситуацию ). Прилагаю пример кода. <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Блочные элементы</title> <link rel="stylesheet" href="/assets/course9/style1.css"> </head> <body> <h1>Типы элементов</h1> <div> <h2>Блочные</h2> <h2>Строчные</…

    Asked by skoorpion1,

    0 votes
    2 answers

  5. Как убрать margin-bottom при наличии соседа

    Здравствуйте. Такая проблема - не понимаю, как сверстать такой макет: <div class="parent"> <div class="first">Lorem ipsum blah blah blah</div> <div class="second">Something</div></div><div class="parent"> <div class="first">Lorem ipsum blah blah blah</div></div>Задача: при наличии .second у .first должен исчезать margin-bottom. .second может не быть, при его отсутствии first должен корректно распирать родителя. Вот как это должно выглядеть: https://jsfiddle.net/ntanwrks/5/ Возможно ли это сделать, не добавляя лишний класс div.first, который будет просто сигнализировать, что у тебя есть сосед?

    Asked by 7ion,

    0 votes
    2 answers

  6. Треугольники и border-radius

    Привет. Следует прямо скосить верхний левый угол. Додумался до этого https://jsfiddle.net/rk0fx9nt/16/ и подскажите, как всё убрать до скоса верхнего левого угла. Имеется на данный момент http://hostingkartinok.com/show-image.php?id=c65ace8bb01aace655861b6024e018cc Желаемый результат http://hostingkartinok.com/show-image.php?id=405493024542524d953026854bfec016 (правой кнопкой мыши - открыть в новой вкладке).

    Asked by Kek,

    0 votes
    2 answers

  7. Как разделить страницу на 2 части по вертикали?

    Как разделить html страницу на 2-е равных части в процентах по вертикали? И назначить им разные цвета? Например верхняя часть красная, а нижняя синяя.

    Asked by bulqa,

    0 votes
    2 answers

  8. Упс, высота блока и float изображения

    Ширина блока .cmessage зависит от текста, а не всего контента (текст + картинка). У картинки CSS свойство "float: left". Как сделать полноценный блок? Структура: <div class="cblock"> <div class="ctitle">Заголовок</div> <div class="cmessage"> Контент </div> <div class="cdetails">Серая полоска с инфой</div></div>

    Asked by iBars,

    0 votes
    2 answers

  9. Вертикальное выравнивание изображений

    Здравствуйте. Подскажите, пожалуйста, как сделать вертикальное выравнивание в списке изображений? Нужно сделать следующее: p.s делаю слайдом каждое изображение, добавляется обтекание элементу по левому краю float: left

    Asked by Temiks,

    0 votes
    2 answers

  10. Равномерное растягивание IMG внутри блока DIV

    Имеем квадратный (равносторонний) div, внутри него лежит img: <div><img src="" /></div>Нужно сделать так, чтобы картинка растягивалась на весь объем дива и не оставалось пустого пространства, вот так: То есть, если изображение вертикальное, то растягивается по ширине дива, а если горизонтальное - по высоте. При этом края скрываются overflow:hidden. Нужно CSS-решение, без скриптов. P.S. Это должно работать как background:cover, только применительно к img.

    Asked by LUC,

    0 votes
    2 answers

  11. Запрет наследственности в CSS применимо к фильтрам.

    Есть желание на сайте использовать такой эффект - когда пользователь открывает меню сайта - хочу чтобы остальной сайт слегка размыло, чтобы заакцентировать внимание пользователя только на меню. Cначала я отслежива событие возникновения меню и через jQuery присваиваю тегу body стиль blur: jQuery('body').addClass('blur');когда меню исчезает - я и класс удаляю: jQuery('body').removeClass('blur');а вот сам класс: body.blur { -webkit-filter: blur(1px); -moz-filter: blur(1px); filter: blur(1px);}Тут всё прекрасно, всё работает, но есть одно но. Так как менюха является дочерним элементом для body - то и меню, собственно, тоже размывается. Я даже довесил событие возникнове…

    Asked by adward,

    0 votes
    2 answers

  12. Генератор мета тегов

    Нужен правильный генератор всех мета тегов по стандарту W3C. Желательно html шаблон.

    Asked by bulqa,

    0 votes
    2 answers

  13. Как сделать анимацию цикличной?

    Как сделать анимацию цикличной? Есть блок, который маячит, привлекает, но делает он это всего 1 раз. Как и можно ли с помощью всего лишь css придать ему цикличность с заданными пробелами (остановками). Пример: .info-box {background : #c2ddf9;border : #CD0000 solid 1px;color : #CD0000; font-weight : 700; animation: spin 0.050s linear 3s alternate;animation-iteration-count: 10;}@keyframes spin { 0% {transform: scale(1.05, 1.05);}100% {transform: scale(0.9, 0.9);}} Спасибо!

    Asked by Vic-Tor,

    0 votes
    2 answers

  14. Всплывающая подсказка выходит за пределы экрана

    Имеется стилизованная кнопка со встроенной в неё всплывающей подсказкой : http://codepen.io/Kristinita/pen/EKxZQO . Как видно, всплывающая подсказка выходит за верхнюю границу экрана, а на экранах c другим разрешением ещё и за правую. Что нужно сделать, чтобы она оставалась в рамках экрана, желательно без полос прокрутки? Спасибо.

    Asked by Саша Черных,

    0 votes
    2 answers

  15. Модальное окно формы с затемнением фона

    Доброго времени суток всем! Возникла такая проблема. Создаю форму авторизации в виде модального окна. Хочу сделать так, чтобы когда появлялась форма, то остальной фон затемнялся. Для затемнения использую div-блок с position: fixed; c прозрачностью, меньшей единицы и z-index'ом равным 100. У самого модального окна я поставил z-index: 200, надеясь, что он унаследуется всеми вложенными div-ами, из которых я собирал модальное окно и все они будут лежать "выше" затемнения, значит не будут "затемняться". Но это не помогло. Часть составных блоков формы затемнилась, часть - осталось светлыми. Скриншоты проблемы: http://hipics.ru/image/wjJ-- форма без затемнения http://hipics.r…

    Asked by Impress,

    0 votes
    2 answers

  16. Помогите с реализацией сайта пожалуйста

    Хочу создать в своем городе карту ЧП - чтобы можно было зайти - выбрать точку на карте и оставить отзыв с фото например. ПОдскажите пожалуйста как это реализовать (через яндекс карты или гугл - или любые другие - не важно-как!) попадая на сайт должна быть карта и варианты.Спасибо заранее, подскажите как реализовать или хотя бы что почитать чтобы понял сам.Спасибо!)

    Asked by alex.rakov1992,

    0 votes
    2 answers

  17. В нижней части галереи перезжают фотографии

    Добрый день. Помогите пожалуйста разобраться, почему в глее переезжают фотографии в конце списка? 4-8-12фото... держатся ровно, а когда 1,2,3 на новой строке все плывет. http://pl.styleathome.ru/satin.html Спасибо.

    Asked by redcrazysun,

    0 votes
    2 answers

  18. небольшой скрипт

    Здравствуйте уважаемые форумчане! Написал небольшой скрипт "подгрузки отзывов" который, по идее, должен срабатывать три раза при каждом нажатии на кнопку «показать еще», но он срабатывает только один раз, подскажите, пожалуйста, что не так ? P.S. В js не силен, недавно только начал изучать его ) http://web-verstka.zzz.com.ua/portfolio/reviews/

    Asked by stan07,

    0 votes
    2 answers

  19. Отображение горизонтальной прокрутки у списка

    https://jsfiddle.net/cxz0n2u2/10/ - код для проверки и тестов здесь. Убрал весь ненужный код jquery и html Проблема возникла при изменении (своей же) верстки. Не появляется скрол по оси x (горизонтальная прокрутка). Если сделать вывод не списком а через div то проблемы нету - прокрутка появляется но как только делаю через список прокрутка не отображается. В примере вы увидите 10 сообщений (10-элементов списка) и хотя стоит фиксированая высота и ширина стоит float:left , overflow-x: auto (или scroll), overflow-y: hidden, блок показывает результаты что поместились а остальные что ушли в низ прячет, то есть не показывает прокрутку. Опять же если не делать через список то…

    Asked by alex_mike,

    0 votes
    2 answers

  20. Как скрыть значок битой картинки?

    Можно как-то сделать, чтобы на сайте не показывался такой значок, когда картинки нет по указанному пути? Лучше всего показывать пустое место.

    Asked by kpripper,

    0 votes
    2 answers

  21. Не хочет работать data-wow-offset

    Всем привет. Есть верстка http://gurevich.agency/html/ По непонятной причине блоки div.wow.fadeInRight и div.wow.fadeInLeft анимируются в момент загрузки страницы, хотя благодаря значению атрибута data-wow-offset должны "срабатывать" не сразу. Замечено, что анимация стартует с некоторой отсрочкой, когда data-wow-offset > 650. Есть подозрение что wow.js в данном макете неверно рассчитывает местоположение блоков с анимацией по какой-то причине. Буду благодарен за подсказку.

    Asked by goooooch,

    0 votes
    2 answers

  22. Помогите с mail.php

    День добрый! Имеется код <div class="popup"> Заполните форму и получите бесплатную консультацию <br>при заказе онлайн <div class="popup-form"> <form action="mail.php" method="post"> <input type="text" name="name" required placeholder="Ваше имя"> <br> <input class="truba" type="tel" name="phone" required placeholder="Ваш телефон"> <br> <input type="submit" name="submit" value="" class="buzz-out"> </form> </div> <a class="close" href="#i"></a> </div>Он открыв…

    Asked by serg3318,

    0 votes
    2 answers

  23. Вертикальный скрол меню с position fixed

    Всем привет. На странице расположено горизонтальное меню с навигацией. При скроле страницы вниз, при условии, что блок с меню вышел за пределы экрана, значение его атрибута position меняется со static на fixed. Блок с меню прижимается к верхнему левому углу и растягивается на всю ширину окна браузера. Меню построено в виде аккордеона - при нажатии на ссылки основного меню открываются подменю. ПРОБЛЕМА: При открытии подменю с большим кол-ом пунктов, пункты основного меню ниже выходят за пределы экрана внизу. Скрол меню невозможен из-за position: fixed. Пункты меню становятся недоступными. ЗАДАЧА: Реализовать прокрутку меню по-вертикали, если при раскрытии подменю пун…

    Asked by Shurikkan,

    0 votes
    2 answers

  24. Шлейф от шрифта

    Подскажите пожалстра, можно ли при помощи text-shadow (или чего угодно) сверстать такой шлейф от текста? http://joxi.ru/0KAg7bkuVnk0AlПроблема в ее градиентной прозрачности. Ну как обрезать внизу - понятно

    Asked by Vlad_P,

    0 votes
    2 answers

  25. Firefox медиа запрос

    <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Recipes</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link href="css/style.css" rel="stylesheet"></head><body> <div class="image"></div> <div class="image"></div> <div class="image"></div> <div class="image"></div></body></html>.image { display: inline-block; height: 100px; width: 24%; border: 1px solid black;}@media screen and (max-width: 640px){ .image { width: 49%; }}https://yadi.sk…

    Asked by WhatIsHTML,

    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