HTML Coding

29,542 questions in this forum

1. Инпут с выпадающим списком

   Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как реализовать такое, что бы при клике в инпуте выпадал список?

   Asked by stan07, May 13, 2015

   0 votes
   10 answers
2. Посоветуйте слайдер

   Посоветуйте пожалуйста слайдер такого вида. http://joxi.ru/krDp4x0Iowo5rp чтобы листались только тумбы (которых 2 колонки), и по клику соответственно в первый экран вышло видео. А если тумбы генерирует автоматически - вообще шикарно будет.

   Asked by Нарек, May 22, 2015

   0 votes
   10 answers
3. Текст в форме

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

   Asked by phreaker33, June 11, 2015

   0 votes
   10 answers
4. При наличии border-right/left вычесть высоту скроллбара

   Доброго дня уважаемые коллеги. Подскажите, пожалуйста, как можно сделать так, чтобы у блока, который имеет горизонтальную прокрутку, боковая граница не тянулась на высоту скролбара. П.С. вариант с тем, чтобы внутри поставить обертку, назначить ей границу (таки образом, наша граница не будет выходить за грани видимого блока к концу скроллбара) не очень хорош, потому что при прокрутке граница будет двигаться также с прокручиваемым контентом. В общем вкратце. Как можно сделать так, чтобы border-right: 1px solid black; блока с горизонт прокруткой не вылезала на скроллбар, а ограничивалась высотой самого блока? https://jsfiddle.net/e1o5kgk8/ Буду благодарен за любу…

   Asked by Velidan, August 13, 2015

   • граница
   • скролл
   • прокрутка
   0 votes
   10 answers
5. Выделить и скопировать текст со страницы?

   Сразу говорю - я чайник. Пришёл на форум за решением простейшей задачи. Посмотрите пожалуйста. Сайт не мой. http://www.scibet.com/football/2015-08-04/ В общем мне нужно выделить и скопировать текст (выделено красным): Мне не удаётся выделить текст который "прячется" за "картинкой" (линия, при наведении курсора - появляется текст) указано красной стрелкой. Его мне тоже нужно выделить/копировать и вставить в ексель. Видимо надо как то "разобрать" страницу, убрать лишние картинки - оставить только текст, что бы можно было спокойно выделить/копировать. Помогите пожалуйста. Спасибо!

   Asked by Robert3, August 17, 2015

   0 votes
   10 answers
6. Вертикальное выравнивание при абсолютном позиционировании

   Здравствуйте. Почему не работает вертикальное выравнивание при абсолютном позиционировании? Код хтмл: <div class="col"> <p>Lorem ipsum dolor sit amet..</p> <div class="col-prew">text prew</div></div><div class="col"> <div class="col-prew">text prew</div></div><div class="col"> <div class="col-prew">text prew</div></div>Код цсс: .col { display: table; position: relative; float: left; width: 33.3%; height: 250px; background: red;}.col:nth-child(2n) { background: green;}.col-prew { display: table-cell; position: absolute; top: 0; left: 0; width:…

   Asked by Temiks, October 17, 2015

   0 votes
   10 answers
7. Скачивание по ссылке

   Приветствую! У меня имеется ссылки, которые при открытие в браузере хром воспроизводят музыку. Как сделать с помощью jquery или js скачивание файла по этой ссылке? Пример: https://cs1-48v4.vk-cdn.net/p8/9cb89555848696.mp3?extra=UpleRzemOPM4jISjxrPm945XnBfL3ZSgTVvZiijMqmFGmsXV_oO375KTOBgBBWI1RN2k3n66Ys9NfUI1h4yXnRnDNxo,275

   Asked by samec1337, November 14, 2015

   0 votes
   10 answers
8. кроссбраузерные до ie8 врезки без js

   помогите пожалуйста решить проблему, если это вообще возможно вот код: http://jsfiddle.net/9xd8k676/ здесь есть контейнер, который содержит текст и врезку. врезка расположена в верхнем левом углу. но нужно чтобы она была смещена вниз на несколько сот пикселей(точность особая не нужна), относительно своего настоящего положения. и при этом освободившееся место было бы заполнено текстом

   Asked by cyklop77, December 3, 2015

   0 votes
   10 answers
9. Вопрос о возможностях SASS

   Добрый день! Очень хотелось бы разобраться с таким вопросом. А точнее двумя вопросами 1. Изучаю SASS. Успел поверхностно оценить преимущества этого языка. Вот вопрос. Можно ли с помощью SASS автоматически переводить px в em? Т.е. есть формула target ÷ context = result (которая описывается у Итана Маркотта в книге "Отзывчивый веб дизайн). Если расшифровать ее (процитирую): " ..берем целевое значение кегля и делим на кегль (font size) его контейнера, то есть контекста. В результате мы получаем желаемый кегль, выраженный в относительных и достаточно гибких единицах em." Я понимаю это так. Можно font size body вывести в переменную, а затем с помощью мат.операций переве…

   Asked by BehemothOz, December 21, 2015

   0 votes
   10 answers
10. присвоение классов элементам списка

    Здравствуйте. Помогите пожалуйста разобраться новичку с данным вопросом. Подскажите где искать информацию на данную тему. Суть проблемы в следующем: начал делать двухуровневое выпадающее меню и оказалось все не так просто). Допустим есть многоуровневый список вложенный в <div class="memu">, смотрел видео и читал про создание таких меню и не могу понять как можно описать стиль отдельно для вложенных списков. В общем для меня конструкции вида:" .menu ul li {} .menu li ul {} .menu li ul ul {}" реально танцы с бубном не говоря уже о menu ul li:hover>ul и т.д. Не могу понять принципа как описывать свойство вложенного списка да еще и плюс ко всему там п…

    Asked by Mixail.09, January 20, 2016

    • вложенные списки
    • присвоение классов
    • ul
    • li
    • наследование
    0 votes
    10 answers
11. Фиксированный сайдбар, скролл-страница контент

    Верстаю сайт на бутстрапе. Возник такой вопрос. Нужно чтобы левый сайдбар был фиксирован, а правые 2 блока скроллились. Причем сайдбар должен фиксироваться только после того как проскроллится шапка (шапку фиксировать не нужно). Прилагаю макет и примерную схему. P.S. Пробовал класс affix, но что-то не вышло, вероятно я неправильно его использовал.

    Asked by spyrofunk, March 18, 2016

    • html
    • css
    • bootstrap
    0 votes
    10 answers
12. Выбор платформы для разработки

    Всем добрый день. Нужен совет специалистов. Мы заказчики продукта . Наш холдинг занимается продажами . Стоит задача создать СВОЮ CRM систему для сотрудников и партнеров ( порядком 2000 человек ) у каждого свой личный кабинет с определенным набором функционала и информации (графики , статистика и тд ). В будущем хотим создать моб. приложения под андроид и эппл. Пример http://democrm-panasonic.incon.solutions/index.html , того что мы хотим. Мы поставили задачи , которые преследуем , перед рядом подрядчиков крупных компаний , которые возьмутся за разработку продукта. Одни предлагают все построить на Битриксе . Другие предлагает построить все на J…

    Asked by FedorMoscow, July 14, 2016

    0 votes
    10 answers
13. Проблема с выпаданием

    Доброго времени суток, подскажите пожалуйста почему происходит выпадание?Замечание по другим "пунктам" приветствуются! http://codepen.io/Kamzed/pen/eBBLoB

    Asked by KamZed, November 18, 2016

    • html
    • css
    • clearfix
    0 votes
    10 answers
14. Использовать трансформацию в анимации JQuery

    Как применить трансформацию через анимацию JQ $('.abz span:last').click(function(){ $('.w').animate({ transform: 'scale(.9)' }); });

    Asked by aqua.77, January 17, 2017

    • jquery
    0 votes
    10 answers
15. Как лучше реализовать декоративную рамку?

    Есть макет с эффектом рамки на заднем фоне. Как считаете как лучше реализовать этот эффект? Как бы сделали это вы? border || border-image || svg || css-mask Или что-то другое??? Спасибо! Кому интересно - ССЫЛКА на весь макет!

    Asked by EugeneKiyash, February 11, 2017

    • svg
    • css
    • html
    0 votes
    10 answers
16. Абсолютно позиционированные элементы и свойство display

    Здравствуйте. Все время считал, что после применения абсолютного позиционирования к элементам их свойство display по умолчанию устанавливается в block. Но сегодня пришлось усомниться в этом. Смотрите пример https://jsfiddle.net/9z3ehbpa/2/ Две последние линии каждой из кнопок созданы с помощью ::before и ::after (display: inline по умолчанию developer.mozilla.org). При этом для второй кнопки псевдоэлементам прописано свойство display: block, что, по идее, лишнее, так как это происходит по умолчанию для position: absolute (согласно таблицы inline превращается в block www.w3.org) Почему же кнопки отображаются по разному?

    Asked by alex_web64, August 3, 2018

    0 votes
    10 answers
17. flexbox особый вид элемента на Flexbox

    zebra-tara.ru на главной странице есть блок с популярными товарами чтобы его организовать, мне пришлось делить список на две части. отдельно в своём контейнере выводится большой первый элемент и далее - остальные, тоже в flex контейнере можно добиться такого визуального представления как-то иначе (без разделения UL списка), когда первый элемент имеет большой размер? мне это потребуется, чтобы на малых разрешениях навесить на этот список owl carousel, а получается, что первый элемент оторван.. Полагаю, это можно как-то решить с колонками, а не строками, но мне этот фокус не удался

    Asked by d0ublezer0, October 16, 2018

    • columns
    • grid
    0 votes
    10 answers
18. атрибут html для печати файла есть ли такой?

    Добрый день! подскажите плиз ) есть атрибут download (http://htmlbook.ru/html/a/download) результат - нажал на ссылку и файл автоматически скачивается а что нужно дописать чтобы файл автоматически вывелся на принтер и распечатался? или подскажите где это уже обсуждалось спасибо!

    Asked by Игорь79, April 11, 2015

    • печать
    0 votes
    9 answers
19. как правильно делать сетку сайта , что за wrapper ?

    У меня небольшой вопрос, как правильно делать сетку сайта и что за часто встречающийся класс wrapper ? Я правильно понимаю что если я делаю сайт шириной 980px то я делаю id или класс wrapper и указываю ему ширину 980px, центрирую его и уже внутри блока с классом wrapper делаю сетку сайта ? тоесть wrapper обворачивает все содержимое и он нужен для того чтобы сделать рабочую область шириной 980px в которой делают сетку сайта? и для класса wrapper надо задать : position:relative;left: auto;right: auto;или отцентрировать с помощью margin:auto; ?

    Asked by yarosh, April 20, 2015

    • сетка сайта
    0 votes
    9 answers
20. Изменение слова при достижении последнего слайда

    Здравствуйте. Помогите с решением. Или дайте где почитать. Есть слайдер http://joxi.ru/MAjMxk1CgOLW2e Возле кнопок есть кнопка "Далее" При завершении достижении последнего слайда пользователем хотелось бы заменить текст на "Вперёд". Автолистания нет, пользователь сам кликает на кнопки. Хотела сделать говнокод - абослютом добавить новый спан на 4 переключатель, при нажатии на него появлялся бы блок с белым фоном и текстом "Вперёд", но тогда 4 кнопка слайдера не кликалась. Задала для этого класс кнопки переключателя, не сработало, потому что я плохо знаю JS. Может, есть какое-то решение или слайдер с таким? Искала, не нашлось

    Asked by kattiperk, May 17, 2015

    0 votes
    9 answers
21. div с margin-left вылезает за экран но прокрутка не появляется

    Здравствуйте Подскажите, пожалуйста, как правильно решить Сверстал страницу как на скриншоте, понадобалось добавить небольшой информационный блок слева от основного контента, выделен зелёным. Для левого зелёного блока выставил отрицательный margin-left и float. В итоге при уменьшении размера окна маленький блок скрывается, а прокрутка не появляется. Можно сделать через side-bar. Но во-первых придётся выравнивать скриптом положение блока по вертикали, чтобы он был напротив зелёного соседа, во вторых на других страницах нет сайдбаров, хотелось обойтись без него чтобы ничего не поломать. Это решаемо?

    Asked by zheka2, May 20, 2015

    0 votes
    9 answers
22. Проблема с картинкой

    Добрый день! Подскажите пожалуйста причины по которой созданная в фотошопе картинка не отображается на сайте в онлайн, хотя в оффлайне все нормально. Браузер один и тот же - Хром. Пробовал менять разрешение jpg, gif. Сохраняю картинку в фотошопе для ВЭБ и обычным способом - все бестолку. Фото прилагаю. Спасибо за помощь.

    Asked by sergio1980, May 25, 2015

    0 votes
    9 answers
23. Растяжение div на всю строку. Как убрать рамку?

    Дорогие мои и уважаемые программисты. Подскажите, пожалуйста, почему, если закомментировать в классе .new рамку: .new { /*border: 2px solid fuchsia;*/ overflow: hidden; float: left; } нажать на кнопку добавить, а потом на кнопку удалить - то поле w(бирюзовое) не расстягивается на всю ширину? Почему рамка влияет на растяжение другого div? https://jsfiddle.net/upzfr4q5/

    Asked by zvezda_t, June 27, 2015

    0 votes
    9 answers
24. Как сделать это?

    http://hostingkartinok.com/show-image.php?id=8c6819cb4a5581f1730c8b670e18fee3 имею в виду чтобы длина белого фона зависела от длины текста. p.s. без использования нескольких html элементов, а имея один, например <p>. реально?

    Asked by raptor-dm, August 15, 2015

    0 votes
    9 answers
25. ie8 не понимает eot

    Есть сайт.Такая проблема. Генерирую шрифты с помощью сервиса https://everythingfonts.com/font-face. Подключаю их к сайту вот по такому синтаксису: @font-face{ font-family: 'RobotoItalic'; src: url('../fonts/RobotoItalic.eot'); src: url('../fonts/RobotoItalic.eot') format('embedded-opentype'), url('../fonts/RobotoItalic.woff2') format('woff2'), url('../fonts/RobotoItalic.woff') format('woff'), url('../fonts/RobotoItalic.ttf') format('truetype'), url('../fonts/RobotoItalic.svg#RobotoItalic') format('svg');}Во всех браузерах шрифт отображается нормально, кроме ie8. В нем не работает посмотрел в панеля разработчика: осел пишет, что какая то ошибка с форм…

    Asked by IvanRu08, August 21, 2015

    0 votes
    9 answers