HTML Coding

29,542 questions in this forum

1. Почему боковое меню не заезжает обратно?

   Здравствуйте. Вот такая проблема. Слайдер красиво выезжает, а при повторном клике просто пропадает. Как сделать так что бы он красиво выезжал и так же красиво заезжал?) https://jsbin.com/yuyawic/1/edit?html,css,js,output

   Asked by XopicT, February 13, 2018

   • javascript
   • html css
   0 votes
   2 answers
2. Откуда берется картинка, когда даешь ссылку на сайт?

   Извиняюсь, если вопрос не в том разделе. Когда в каком-нибудь чате — например, ВК или инстаграме — даешь ссылку на сайт, то автоматически подцепляется картинка. Вот, например http://joxi.ru/L210ZGMI8Kpj1m Я должна ее поменять, но не пойму, как? Или как вообще это называется, по каким запросам гуглить? Когда ищу по запросам со словом "сниппет", в результатах речь только о сниппете из поисковой выдачи.

   Asked by Svetlana_P, February 13, 2018

   1 vote
   2 answers
3. Отмена наследования css свойст потомками

   Здравствуйте! Столкнулся с ситуацией при создании всплывающего меню https://jsfiddle.net/u7qam9jm/6/ что свойства для родительского блока дублируются и на дочерние блоки. Я пытался через :not, но даже "не заметило конструкцию" и свойства все равно єкранировали на потомков...

   Asked by Super_Saimon, February 13, 2018

   • css
   0 votes
   5 answers
4. Ссылка на сетевую папку

   Как сделать ссылки на сетевые папки, которые находятся на компьютерах одной локальной сети?

   Asked by Imranissimo, February 13, 2018

   0 votes
   0 answers
5. 2 viweport для страницы (или аналогичный эффект)

   Дизайнер клиента придумал такой креатив. Есть 2 макета страницы - мобильный вид (320 px) и десктопный (1440 px). По его задумке, на устройствах до портретной ориентации планшетов должен показываться мобильный вид. Т.е. открываем на ipad в портретной ориентации - видим на весь экран мобильный вид. Открываем на десктопе или ipad в ландшафтном положении - видим десктопный. При этом нет адаптива - оно всё должно просто zoom-иться (как будто я неадаптивный сайт смотрю с указанным для него viewport) - т.е. на упомянутом ipad страница уменьшается чтобы вписаться в устройство. Такое вообще реализуемо? Два viewportа прописать, понятно, нельзя. Менять его от @media - тоже. Можно,…

   Asked by sdanilas, February 13, 2018

   • адаптив
   • viewport
   0 votes
   3 answers
6. Баг IE: контейнер заканчивается раньше дочернего центровщика

   Компоновка: типичный блок .Wrapper, который имеет ширину 100% от ширины окна, и центровщик (margin: 0 auto;) с указанными min-width и max-width: В IE следующий баг: Wrapper почему-то заканчивается раньше, чем надо, а центровщик с содержимым перекрывает следующую такую же компоновку ниже: Такой баг был замечен уже практически на свёрстанном лендинге, а потому было очень трудно сделать минимальный работающий пример. Я постарался убрать весь лишний HTML для данного примера, но CSS тоже самое было сделать очень трудно. Если Вы запустите пример в IE (ещё раз повторюсь, что в других браузерах всё нормально), то увидите следующее: На StackOverflow у…

   Asked by Боков Глеб, February 12, 2018

   • ie
   • баг
   • flex
   0 votes
   4 answers
7. В max-width не работает padding

   Здравствуйте, я новичок в сайтостроении и у меня возникла одна проблема при адаптации страницы, она состоит в том ,что в max-width ,при заданной ширине, не хочет работать изменение отступов (padding и margin), хотя flex-direction: column; работает. Жуткое ощущение глупой ошибки ,которую не могу найти. Заранее спасибо за помощь. Ниже HTML и CSS код: <header> <div class="header"> <div class="wrap"> <div class="logo header_left"> <a href="#"> <img src="images/logo.png" alt="Логотип"> </a> …

   Asked by Masya, February 12, 2018

   • max-widthpaddingmargin
   0 votes
   0 answers
8. Помогите пожалуйста!

   Нужно чтобы ссылки title не занимали всю красную зонну, а только под текстом.

   Asked by 23Vahe, February 10, 2018

   0 votes
   1 answer
9. Блок обрезает картинку

   Здравствуйте. Столкнулся с проблемой, когда блок при уменьшении размеров урезает картинку, которая находится в нём. Можно ли растянуть картинку по всей ширине и высоте блока, чтобы она не обрезалась? Или только в фш подгонять размеры? Код сейчас выглядит так: контейнер { width: 100%; margin-top: 1rem; } блок с картинкой { width: 1280px; height: 960px; margin: 0 auto; }

   Asked by Еврейская Мышь, February 10, 2018

   0 votes
   1 answer
10. Центрирование блоков в блоке

    Здравствуйте. Сам не смог найти решение проблемы и решил обратиться за помощью. Суть проблемы в том, что есть блок с шириной 80% отцентрированный, а в нем маленькие артикли, процентов по 30 с отступами и эти самые артикли прижимаются к левой стороне, оставляя пустое место справа. Нужно отцентрировать артикли с отступами, чтобы равномерно разделилось пустое пространство. На фото наглядно суть проблемы, если выразился непонятно. Скрытый текст section { width: 80%; margin: 0 auto; } article { display: inline-block; width: 30%; min-height: 400px; margin: 10px auto; padding: 1rem; line-height: 1.35; color…

    Asked by Еврейская Мышь, February 9, 2018

    0 votes
    9 answers
11. медиа 15" и 19" экраны не реагируют на @media правила css

    В общем почти сделал я такой сайт на вордпресс на monstroid2, и когда принялся проверять с помощью инструмента Screenfly на сервисе quirktools.com вёрстку на всех экранах выяснилось, что 15" и 19" вообще не обращают внимание на установки. Использовал power builder в котором можно выставлять margin и bottom по 4 категориям, Desctop, laptop, tablet, phone. На два последних я вообще сделал отдельные упрощённые версии сайта. Десктоп показывается безукоризненно(широкие экраны), лаптоп(квадратные как у меня) тоже всё настроено как надо. Но вот 15 и 19 дюймов почему то игнорируют всё. Вставлял через siteOrigin Custom CSS свои @media правила, но опять же, на них реагирует всё кро…

    Asked by GorodSka3ka, February 8, 2018

    • запросы
    • css
    • media
    • экран
    • вёрстка
    • текст
    • margin
    • padding
    0 votes
    1 answer
12. Баг с Wow.js

    Добрый вечер, возникла проблема с отображением контента при использовании wow.js + animate Если листать страницу мышкой, контент не отображается, только спустя какое-то время, однако, если скроллить, например, стрелочками или же нажимать мышкой на ту секцию, которая не отображается, она сразу же появляется. Сам сайт: https://alex2033.github.io/ Как решить данную проблему? UPD: оказывается данный баг в хроме и опере, в мозиле подобной проблемы нет

    Asked by WebNewbe, February 8, 2018

    • верстка
    • html
    • css
    0 votes
    0 answers
13. Вопрос по верстке с psd

    Всем привет. Пожалуйста расскажите как верстать большие макеты? У меня монитор 1024px в ширину, а макеты обычно от 1200 и шире. Я макеты в фотошопе уменьшал до 1024px (но это наверное не правильное). Слышал, что можно верстать в оригинале, но с полосой прокрутки (а это не удобно) и как его потом адаптировать под мой экран? Вообще расскажите как правильно, как вы это делаете?

    Asked by Umiman, February 7, 2018

    0 votes
    3 answers
14. Абсолюнтое позиционирование или как лучше задавать позицию картинкам

    Добрый день, столкнулся с такой проблемой. Верстая страницу заключал изображения в тег <div> с определенным класом и в css, задаю им позицию какую хочу видеть у себя в браузере. например .content-bar2 { float: right; position: absolute; top: 300px; right: 50px; } Так вот когда я несколько элементов так размещаю, один над одним, то у меня в браузере все отоброжается нормально. Но открыв с другого компьтера, получилос так что одно изображение наезжает на другое, что это и с чем связано и как это вылечить. И если не сложно обьясните пожалуйста особенности position: absolute. Как я понимаю float и absolute вместе не работают ? Как я понимаю float и ab…

    Asked by мурамаса, February 5, 2018

    • images
    • position
    • absolute
    • div
    • verstka
    • help
    0 votes
    5 answers
15. Выравнивание перевернутого текста

    Имеется таблица где в шапке из-за длины название необходимо текст перевернуть. Текст перевернул, но он не рационально расположен в ячейке. Как можно сузить ячейку таблицы, текст сделать в одну строку? table { border-collapse: collapse; margin: 0px auto;} td { padding: 3px; text-align: center; vertical-align: middle; } tr > td:nth-child(1), tr > td:nth-child(2) {text-align: left;} tr:nth-child(1) {background: #4682B4 !important; color: #fff; height:200px;} tr:nth-child(1) td {-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);} tr:nth-child(1) td:nth-child(1), t…

    Asked by RK3DNP, February 6, 2018

    0 votes
    5 answers
16. Как выровнять текст внутри div

    В коде ниже у меня не получается выровнять текст по левому краю, липнет к правому. Подскажите, как это сделать? <!--noindex--> <div style="background-color: #f8f8f8; margin: 10px 0 10px 0; text-align:left; " ><div style=" float: left; padding: 10px;"><img src="/wp-content/uploads/2018/02/1-2.png" /> </div> <!--в div-е ниже нужно выровнять текст по левому краю--> <div style=" float: right; padding: 10px 20px 10px 10px; text-align:left; "> <p><a href="/testy" rel="nofollow">Хорошо ли вы знаете свои уши?</a></p> </div> …

    Asked by fowl, February 5, 2018

    0 votes
    2 answers
17. Помогите решить проблему с якорными ссылками и скрытым выпадающим списком

    У меня возникла проблема, есть код который задает меню в верхней плашке на сайте, при наведении на пункт услуги-открывается еще три по-умолчанию скрытых пункта класса submenu, проблема заключается в том, что если заходить с телефона, то навестись на пункт услуги не получается, а если просто нажать на него то срабатывает переход и еще 3 пункта не успевают открыться. <ul class="topmenu" > <li><a href="#usl">Услуги</a> <ul class="submenu"> <li><a href="us.html" class="navi">Пакеты </a></li> <li><a href="raz.html" class="navi">Услуги</a></li> <li>&lt…

    Asked by kudg0, February 7, 2018

    • выпадающее меню
    • проблема ссылок
    • переход по ссылки
    • якорные ссылки
    0 votes
    1 answer
18. Меню за слайдером

    Помогите пожалуйста, меню на заднем плане, z-index, уже все перепробовал! Заранее спасибо... Skype: nikita1570900

    Asked by Mikki, February 1, 2018

    0 votes
    1 answer
19. Растянуть картинку до конца экрана в Bootstrap

    Добрый вечер, подскажите пожалуйста как реализовать такую структуру(как на картинке) Скрытый текст при помощи bootstrap. Есть container и есть row, в них два col-lg-6, как сделать чтобы картинка растягивалась на всю ширину до конца экрана? если ее просто поместить в col-lg-6 то она и займет пространство этого блока а надо чтобы было до конца экрана по ширине, и также со второй картинкой , чтобы она начиналась с начала экрана. Есть код и вот что из этого вышло(на другой картнке) Скрытый текст <div class="news-wrap"> <div class="container"> <div class="row "> &…

    Asked by EvilNeighbor, January 18, 2018

    0 votes
    6 answers
20. Неровное расположение картинок

    Привет, прошу помогите, не вижу в чем недочет https://jsfiddle.net/gp1k163r/ не понимаю что с изображениями, почему неровно расположены?Заранее спасибо

    Asked by exoty, February 6, 2018

    0 votes
    1 answer
21. Аудиоплеер без js

    Добрый день. Возможен ли аудиоплеер только на html5 и css, без js, но не простой <audio>, а с плейлистами, фунциями сортировки или эквалайзером?

    Asked by Ubhra, February 6, 2018

    0 votes
    1 answer
22. ВК тянет название записи блога

    Не уверен что в этот раздел. Такая беда: https://www.euromedika.ru/ на главной странице выводятся заголовки статей. При размещении ссылки вконтакте на главную страницу https://vk.com/kosmetologia_nnov?w=wall-92556112_1017 почему-то в качестве заголовка подтягивается заголовок и картинка от филлеров (первый материал в списке) Что-то с микроразметкой намудрил?

    Asked by d0ublezer0, February 6, 2018

    • микроразметка
    • вк
    0 votes
    0 answers
23. Типовые ошибки в коде, время на верстку

    Добрый день, вопрос по верстке! Сколько у опытного верстальщика занимает адаптивная верстка макета, приложенного в архиве, ссылка внизу. А также, если есть у кого свободные пару минут, указать на типичные, может быть, очень глупые ошибки в коде (есть копипаста в некоторых моментах, не сдержался) Спасибо за внимание! Ссылка: https://yadi.sk/d/tgTukLvr3S87tH

    Asked by SolodovnikKonstantin, February 5, 2018

    0 votes
    0 answers
24. Не прописываются урл в иконки

    Ребят, прошу сильно не ругать, я только учусь верстке на сайте друга. У меня задача разместить в хедере иконки соц групп и позиционировать их по центру шапки. Вставляю стили прямо в хедер, чтобы не было перезаписаний в style.css, во так: <div style="position: absolute;top: 120px;margin-left: 430px;><a target="_blank" href="https://ok.ru/"><img src="http://test.cafe-jara.ru/ok.jpg" alt=""></a></div> Иконки позиционируются в нужное место, но урл не кликабельный посмотреть можно тут - test.cafe-jara.ru

    Asked by viliksar, February 4, 2018

    0 votes
    4 answers
25. Использование css flex для выравнивания

    Здравствуйте, не подскажите как с помощью флекс свойства css добиться следующего: На первом изображение показано текущее расположение блоков, блоки не имеют фиксированного размера, а меняются динамически, в зависимости от заполненности контента. Я хочу получить результат как на втором изображении чтобы первый блок растягивался вне зависимости от его заполненности. Я так понимаю нужно использовать для этого свойства flex но все мои попытки сделать так, тщетны. Объясните, можно ли вообще так сделать? (спасибо!) P.S. все изображения прикрепил. P.P.S. это нужно для того чтобы не было такого не красивого выравнивания (position:absolute нель…

    Asked by diga, February 3, 2018

    • style
    • flex
    • css
    0 votes
    2 answers