HTML Coding

29,542 questions in this forum

1. Wordpress слайдер

   Всем привет, как можно реализовать такой слайдер на платформе wordpress. скриншот, и ссылка на источник http://www.futsaldynamo.com/ . Функционал слайдера таков: выводит 4 поста сбоку (которые мы укажем в админке ,) и главный большой блок слайдера это картинка и контент текущего слайда ? Спасибо за внимание и помощь , благодарен любому совету.

   Asked by four17, September 30, 2018

   • html
   • wordpress
   • slider
   0 votes
   2 answers
2. А как бы сверстали вы? Занимательный вопрос.

   Всем привет! Наткнулся на такой макет https://mega.nz/#!5XYwxYrK!CKPEpk5YklPP-_QThH67BoTQLVQfDvzt1cmVoO9hFRo На картинке проблемные элементы выделены синими стрелками: - листы с загнутыми уголками и тенями (Блоки с заголовками Documents и Photos) - иконки планшетов с тенями - линия разрыва (если так понятно о чем я) - иконки ноутбука с тенями Можно сверстать так: загнутые листы и иконки блоков docs и photos наверное можно в одну png сохранить. можно разбить на два файла. Планшеты(ноут) и тени сделать отдельными картинками. Т.е. тень будет фоном у компа и ноутов. Планшеты и ноут в SVG. Но больше всего интересна…

   Asked by Schamil74, May 2, 2017

   • тени
   • psd
   • svg
   0 votes
   2 answers
3. Абсолютно позиционированные элементы и свойство 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
4. Абсолютное позиционирование шапки сайта

   Всем привет. Начал я делать сайты по psd макетам. До этого попробовал несколько сайтов верстать по видеокурсам. Вот теперь решил попробовать сам. И вот задумался. Нашёл я резиновый макет. Вроде с шапкой всё понятно, да и помню, что похожее как раз по видеокурсу проходил. Понял, что для шапки вроде бы подходит следующий код: .header { position: absolute; width: 100%; } А вроде бы это position: absolute и не нужен. Поискал в интернете. Часто такие стили применяют, но вот объяснений почему нет. Можете объяснить зачем применяют в шапки сайта абсолютное позиционирование? Частый ли это случай или или применяется только в определённых, редких случаях? …

   Asked by Arxont, November 23, 2017

   0 votes
   17 answers
5. Авто submit при выборе file

   Здравствуйте, знаю как реализовать с помощью jQuery: jQuery(function(){ $("#file").change(function(){ $("#form").submit(); }); }); но согласитесь что глупо ради такой простой задачи подключать целую библиотеку! Может кто подскажет способ без jQuery? Спасибо!

   Asked by Anechka, July 25, 2016

   • input
   • file
   • submit
   0 votes
   1 answer
6. Автоматической расширение div

   Подскажите пожалуйста, как сделать, что бы при добавлении новых блоков в блок родитель, высота его так же менялась!? По ссылке сайт, там есть wrapper, и при добавлении новых блоков, почему то сверху и снизу в первом и последнем блоке нету отступа!? http://rghost.ru/8dnbK6TYB

   Asked by oleg126, April 18, 2016

   0 votes
   7 answers
7. Адаптация шапки и всё её содержимое.

   Есть такая проблема, при сужении сайта изображение уменьшается, то сама высота блока не изменяется и получается пустое место, как сделать, что бы блок тоже уменьшался и нижний блок в жёлтом фоне нормально подстраивался, прописать медиазапросы, для каждого пикселя? https://jsfiddle.net/hqdd5two/

   Asked by DivMan, July 31, 2017

   0 votes
   5 answers
8. Адаптивная верстка и iphone.

   Здравствуйте, уважаемые форумчане. Проблема следующая. Есть сайт с адаптивной версткой: grimakva.ru При проверке сайта в эмуляторах моб устройств все отображается корректно (за исключением меню (оно в процессе). Но при просмотре сайта непосредственно через айфон (различных моделей и версий ios) фон сайта отображается некорректно, выравнивается по ширине, оставляя внизу большое пространство. При этом прописанные @media screen полностью игнорируются. В чем может быть ошибка? Буду рада любым советам и полезным ссылкам, сама к сожалению не нашла ничего.

   Asked by Toleri, November 27, 2015

   0 votes
   13 answers
9. Адаптивная вертикальная карусель

   Здравствуйте. Посоветуйте, пожалуйста, адаптивную вертикальную карусель.

   Asked by stan07, October 16, 2015

   0 votes
   2 answers
10. Адаптивная карусель с миниатюрами с поддержкой видео

    Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, адаптивную карусель с миниатюрами и с поддержкой видео (YouTube, Vimeo, и Funnyordie).

    Asked by stan07, December 14, 2015

    0 votes
    2 answers
11. Адаптивная таблица

    Здравствуйте, дорогие форумчане, в очередной раз вынужден просить у вас помощи. Есть ли какой-нибудь способ сделать простую таблицу адаптивной? В каком смысле простую? Да самую что ни на есть простую а именно <table> со всеми вытекающими из нее <tr> <td> <th> Я уверен, что это можно сделать посредством css, но моих знаний недостаточно. Как пример: вот моя страница на ошибки отступы и кривой дизайн, можете не смотреть) Интересует внизу страницы таблица с табами. Буду очень благодарен, если кто-то подскажет как ее сделать адаптивной.

    Asked by MadSandwich, July 8, 2016

    • table
    • html
    • css
    0 votes
    2 answers
12. Адаптивная шапка

    Здравствуйте, знаю, что уже много было таких тем, но я видимо уже даже переборщил со стилями и со всем чем можно, но честно уже не вижу причину, что я с ней сделал не так, и почему она не адаптивная. Укажите мне на мою ошибку и помогите сделать шапку адаптивной для любого разрешения экрана Да класс Headr, это не ошибка. Код самой шапки: <headr class="page-header"> <div class="logo"> <img src="/img/11111.png"> </div> <div class="nav-contact"> <ul class="contact-nav"> <li><a href="/catalog.php">Каталог</a></li> <li><a href…

    Asked by MadSandwich, July 4, 2016

    • шапка
    • адаптивность
    0 votes
    8 answers
13. Адаптивное изображение не растягивается на 100%

    Адаптивное изображение не растягивается на всю ширину блока-родителя. Как это исправить? http://codepen.io/anon/pen/MwXKer

    Asked by yaparoff, July 13, 2015

    • адаптивная верстка
    0 votes
    2 answers
14. Адаптивное меню

    Добрый вечер! После просмотра очередного сайта, где меню изменялось от ширины экрана, возник вопрос "Как сделать Адаптивное меню?". Допустим, при просмотре с большого экрана можно увидеть во всю длину горизонтальное меню, а при просмотре с маленького экрана горизонтальное меню преобразовывается в раскрывающийся\закрывающийся список. Вопрос: Как такое меню сверстать, какие методы при этом использовать? Пример: Зажав клавишу Ctrl + прокручивая колесико мыши, можно видеть как меню видоизменяется.

    Asked by perec200, March 9, 2015

    • меню
    • Адаптивность
    0 votes
    1 answer
15. Адаптивность хлебных крошек

    Здравствуйте коллеги! На мелких экранах слишком длинное название в хлебных крошках не влезает в экран Пример Эта же страница на экране мобильного - направьте пожалуйста в нужное русло !

    Asked by GTAlex, February 8, 2016

    0 votes
    3 answers
16. Адаптивный текст на кнопке

    Доброго времени суток уважаемые форумчане. Хочу сделать адаптивным текст на кнопке. нашел замечательную функцию calc, все замечательно, однако при одном из разрешений с блоком происходит непонятный мне сдвиг, как на скриншоте, при остальных же разрешениях текст ведет себя, как положено. Подскажите в чем может быть проблема и пути решения. Ссылка на код

    Asked by Igorewa, December 7, 2017

    0 votes
    21 answers
17. Аккордеон на всю ширину экрана, не родителя

    Здравствуйте. Я сошла с ума, или как решить проблему. На сайте есть блоки Ступени ГТО. При нажатии на "10 видов испытаний" появляется аккордеон. Он занимает всю ширину родителя и сдвигает нижний блок. Подскажите, как сделать его на всю ширину области сайта, не родителя и чтоб он сдвигал весь ряд. Сейчас стоит абсолютное позиционирование.

    Asked by kattiperk, June 24, 2015

    • bootstrap
    • accordion
    • html
    • css
    0 votes
    3 answers
18. Аккордеон на чистом HTML/CSS

    Добрый день. Подскажите как реализовать такой всплывающий блок как на картинке: 1) Блок на который один раз нажал должен быть открытым все время, до выбора другого блока; 2) Название блока в закрытом положении имеет черный цвет и стрелочка вниз, а при открытом синий цвет и стрелочка вверх 3) Реализовать с помошью HTML и CSS

    Asked by Romario1985, April 23, 2021

    • html
    0 votes
    2 answers
19. Алгоритм верстки схем

    Привет, ребят, не имею опыта верстки подобных схем, объясните принцип верстки подобного

    Asked by exoty, April 7, 2018

    0 votes
    1 answer
20. Альтернатива legend в fieldset

    Добрый день! Имеется ли аналог помимо legend-а и fieldset для решения данной задачи?

    Asked by YurikMurik, April 10, 2018

    • legend
    • рамки
    • fieldset
    0 votes
    4 answers
21. Анимация border

    Здравствуйте. Не получается реализовать эффект Задача: чтобы ширина нижнего бордера плавно уменьшалась из центра к бокам. С левой линий все просто. Но как добиться уменьшения ширины правой линии? (т..е. в направлении слева направо) Код того, что получилось: codepen.io

    Asked by BehemothOz, March 29, 2016

    0 votes
    2 answers
22. Анимация блока с текстом

    Добрый день! Столкнулся с такой вот проблемой (или это не проблема вовсе) при анимации блока с текстом внутри. Код: codepen.io Вопрос. Так и должно быть? Т.е. текст как будто немного искажается на долю секунды. В Хроме плавно искажается. В Мозиле этого почти не видно. В Опере немного похуже.

    Asked by BehemothOz, March 31, 2016

    0 votes
    1 answer
23. Анимированое изменение числа

    В разделе js настолько нубских вопросов нет, поэтому сюда. Помогите, пожалуйста, с кодом. $({numberValue: 10000}).animate({numberValue: 5000}, { duration: 2500, easing: 'linear', step:function() { $('.count_text').text(Math.ceil(this.numberValue));}}); По идее он должен плавно опускать значение с 10000 до 5000, но конечная цифра всегда рандомная и никогда не совпадает с назначенной.

    Asked by Justus, February 17, 2016

    • js счетчик
    0 votes
    2 answers
24. атрибут alt тега img

    В хроме не отображается текст тега alt при выключенных картинках браузера.В IE отображается.тег title работает нормально.в чем проблема?

    Asked by kupidon, April 15, 2016

    0 votes
    1 answer
25. атрибут html для печати файла есть ли такой?

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

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

    • печать
    0 votes
    9 answers