HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
CRM
Скажите можно имплементировать Sugar CRM free на сайт?
0 votes1 answer -
Закрытие аккордеона при открытии следующего
Здравствуйте. Может, сможете помочь или сказать, где ошиблась. http://kates.cc.ua/main_page/gto/index.html На сайте есть аккордеон, которому задана ширина больше родителя. Но это не так важно, нужно, чтобы открытый аккордеон закрывался при открытии следующего (любого). Меня смущает то, что эта вся хрень навешена на ссылку, может стоит поместить весь блок в шапку аккордеона? Открывается тут http://joxi.ru/zAN5O1DCqqQg29
0 votes2 answers -
Сайт по продаже авиабилетов
Подскажите советом, как сделать сайт по продаже авиабилетов? Точнее, может, есть какая-то программа по поиску авиабилетов? Например, как здесь: http://www.momondo.ru/ Как вообще все это делается: поиск авиабилетов, показ на карте...где и что берется Может, какой движок нужен? Спасибо.
0 votes1 answer -
адаптированная верстка
Как делать адаптивную верстку для большого сайта (более 50 страниц)? Нужно каждую страницу адаптировать?
0 votes4 answers -
Адаптивная вертикальная карусель
Здравствуйте. Посоветуйте, пожалуйста, адаптивную вертикальную карусель.
0 votes2 answers -
Динамическое выпадение блока
Как сделать что бы блок b плавно выпадал из блока a, сверху вниз, подскажите пожалуйста
0 votes3 answers -
Текст в блоке вертикально по центру
Как сделать без использование таблицы вертикальное центрирование текста в блоке? То есть внутри <span>текст</span> с displan:inline-block; и заданной фиксированной высотой нужно, чтобы текст был отцентирован по вертикали. Если бы текст был в одну строку, то я бы просто задал line-height. Но текст может состоять и из нескольких строк.
0 votes1 answer -
Скрипт спойлера с плюсом и минусом
Подскажите простой, а можно и не простой скрипт спойлера, где при клике и раскрытии черный плюс становится минусом.
0 votes0 answers -
Неправильное изображение в before
Здравствуйте. Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { background: #e8ece7; } .menu { position: absolute; background: #b13224; border-radius: 5px; top: 90px; left: 450px; } .menu a { display: block; text-decoration: none; background: #b13224; color: white; padding: 12px; margin: 0; } .menu a:hover { background: #383838; } .menu ul { width: 958px; list-style: none; font-size: 0; } .menu ul li { display: inline-block; font-size: 16px; } h1 { display: inline-block; } …
0 votes2 answers -
jsonp + jsfiddle
подскажите пожалуйста, возможно ли песочницу типа jsfiddle заставить принимать результат ajax-запроса в виде jsonp? тут я набросал небольшой пример. видно, что он не работает, а в консоли ошибочки. при этом на локальной машине проблемы нет
0 votes0 answers -
3 резиновых блока с фиксированными отступами
В общем, столкнулся с такой проблемой при верстке адаптивного сайта. Ширина сайта плавает в диапазоне от 320 до 1600px. Имеются 3 блока. Необходимо, чтобы эти блоки занимали всю предоставленную область и при этом имели одинаковые ширину(auto) и интервалы(30px). При уменьшении размера окна блоки должны сжиматься по ширине, а отступы оставаться неизменными. Реализация без flexbox'a. Нужна Ваша помощь, уважаемые форумчане! Буду очень благодарен, если поможете!
0 votes3 answers -
не работает padding и margin
<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>Скачать новеллу</title> <link rel="shortcut icon" href="i.ico" type="image/x-icon"> <link rel="stylesheet" href="style.css"> <!-- ШРИФТЫ --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet"> <!-- ШРИФТЫ 2 --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.…
0 votes0 answers -
Непонятный пробел между блоками
Помогите пожалуйста побороть блочную верстку в IE6 Есть сайт: http://demo.metrowars.ru/ Открывайте его только в IE6!!! Для полного эффекта нажимаем Ctrl+A (выделить все на странице) и видим пустые места (будут выделены синим) Так вот вопрос ... в чем собственно может быть трабла ? Во всех остальных браузерах все отлично, так откуда пробел между дивами? заранее спасибо, жду вашего ответа ...
0 votes2 answers -
текст на фоне
Есть два DIVa один является фоном, другой текстом поверх, есть проблема с тем, что при увеличении текста фон не увеличивается в размере. фон в диве это картинка, которая растянута по размерам дива. заранее спасибо
0 votes2 answers -
Звук в формате Ogg Vorbis
Как внедрить на страницу звук в формате Ogg? Пробовал в Опере и IE - никак не реагируют они на этот формат, тишина. Может, дополнительные кодеки надо в систему или в броузер ставить?
0 votes2 answers -
Перемещаться к нужному пункту по событию onclick
Добрый день. Есть <input type="radio" /> и <div id="test'>тест</div> Допустим input находится вверху страницы (в области просмотра первого экрана), а div внизу (вне зоны видимости). Подскажите, можно ли назначить для input событие onclick (или onchange), при котором страница автоматически прокручивалась бы до id="test"?
0 votes2 answers -
Как выбрать шрифт для сайта
Помогите правильно выбрать шрифт (бесплатный), для сайта компании. На данный момент мои познания сводятся к тому, что есть платные и бесплатные шрифты, и они же еще не системные и системные, например arial. Системные шрифты можно использовать но нельзя подгружать, при этом есть риск что в системе юзера не окажется этого шрифта. Я пока вообще не совсем понимаю как происходит отображение шрифта на сайте.. К примеру я беру шрифт Roboto. Если он есть в системе у пользователя, значит все хорошо, все быстро работает. А если этого шрифта нет, мы можем сказать системе подгрузить его из гугл фонт, но при этом появится дополнительная нагрузка (так же мне непонятно сист…
0 votes0 answers -
Таблица в ячейке (Opera и IE)
Вот код: //———————————————————————————————————————— <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Тест1</title> </head> <body> <style> body, html { width: 100%; height: 100%; } body { margin: 0px; } </style> <table style="width: 100%; height: 100%;"> <tr> …
0 votes8 answers -
Картинки едет влево!
У сайта есть фон. Задан в css body { background-image: url(image.png); } картинка вроде в середине. но когда начинаю масштабирование (штучка с колесиком ) картинки уменьшается и едет влево. а мне нужно, что бы она уменьшалась, но оставалась на своем месте.
0 votes3 answers -
Проблема с максимальной шириной сайта.
Я новичок.Мой первый и единственный сайт: http://aboutme2.h16.ru/ Не могу избавится от колеса прокрутки страницы по горизонтали! Помогите...Если найдете еще ошибки , укажите мне на них.
0 votes6 answers -
Кодировка
всем привет с вами опять я на сайте в кусе по html 4.01 да и в большей части сайтов используется кодировка utf-8 я конечно понимаю для чего это ... впринципе она является более универсальной не то что в частности windows-1251 только вот в чем беда как бы я не старался мой текстоввый редактор Notepad++ отказывается видимо преобразовывать и сохранять документ используя кодировку utf-8 да он преобразует значения в другой вид после сохранения и указанного атрибута charset="utf-8" в документе хтмл все равно видны вопросики вместо текста но вот когда вообще не преобразую ничего и указываю или указываю charset="windows-1251" браузеры отображают страничку как полагает…
0 votes3 answers -
Хочу научиться
Всех приветсвую дорогие пользователи! Я оптимизатор, в СЕО сфере я уже 6-ой год. Но всегда хотел научиться верстать из псд, так как требуется для моих проектов. Я вот не пойму, как вот резать псд правильно, подскажите отличные статьи что бы например сверстать меню для начала.
0 votes2 answers -
Прокрутка блока на странице
Как сделать прокрутку блока во весь экран, не трогая всю страницу? Например: когда листаешь новостную ленту ВК и нажимаешь на фото, то появляется новый блок во весь экран со своей прокруткой которая не касается всей странички.
0 votes3 answers -
Разъезжаются блоки (не помещаются по ширине)
Всем привет! Наконец-то форум заработал :-) Подскажите, пожалуйста, почему на странице №1 правый блок находится на своём месте, а на соседней странице №2 он не помещается и съезжает вниз? (актуально для FF и Chrome) Где нужно поправить, чтобы на второй странице правый блок не съезжал?
0 votes2 answers -
3 колонки - боковые сжимаются до 0
подскажите пожалуйста, как сделать 3 колонки, чтобы центр был фиксирован, а боковые могли "схлопываться" до нуля в зав-ти от размера дисплея. помню видел где-то, но не могу найти и все тут
0 votes4 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-