HTML Coding

29,542 questions in this forum

1. Блок обрезает картинку

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

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

   0 votes
   1 answer
2. Помогите пожалуйста!

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

   Asked by 23Vahe, February 10, 2018

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

   Здравствуйте. Сам не смог найти решение проблемы и решил обратиться за помощью. Суть проблемы в том, что есть блок с шириной 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
4. медиа 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
5. Баг с Wow.js

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

   Asked by WebNewbe, February 8, 2018

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

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

   Asked by Umiman, February 7, 2018

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

   У меня возникла проблема, есть код который задает меню в верхней плашке на сайте, при наведении на пункт услуги-открывается еще три по-умолчанию скрытых пункта класса 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
8. Размещение файлов на сайте без возможности скачивания и извлечения любых данных

   Уважаемые форумчане, подскажите, пожалуйста, решение следующего вопроса: Необходимо разместить файлы (предположительно doc, docx) на сайте без возможности скачивания и извлечения из них любых данных. Какие есть возможности решения данного вопроса - конвертация, кодирование и т.д.? Рассмотрю любые варианты

   Asked by Totalist, February 7, 2018

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

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

   Asked by exoty, February 6, 2018

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

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

    Asked by Ubhra, February 6, 2018

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

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

    Asked by d0ublezer0, February 6, 2018

    • микроразметка
    • вк
    0 votes
    0 answers
12. Выравнивание перевернутого текста

    Имеется таблица где в шапке из-за длины название необходимо текст перевернуть. Текст перевернул, но он не рационально расположен в ячейке. Как можно сузить ячейку таблицы, текст сделать в одну строку? 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
13. Типовые ошибки в коде, время на верстку

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

    Asked by SolodovnikKonstantin, February 5, 2018

    0 votes
    0 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. Как выровнять текст внутри 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
16. Решено

    Здравствуйте. Начала писать простейшую страницу для тренировки, но вот получилась проблема с CSS: не работают свойства margin-auto для всего, не работает задание ширины для блока с изображением (в main, class="index-image"). Text-align работает. Смотрела в последних версиях Мозиллы и Хрома. Просмотрела код - не вижу ничего неверного, все теги закрыты. Ширина тоже задана всем родительским элементам нужных блоков. Особенность в том, что всё (что пока успела) в процентах и em, кроме min-height/width локально, но раньше на таких страницах всё нормально работало. Может быть вы подскажете, в чём проблема. UPD: Ужас какой... после чашки кофе всё удалось решить. Всё было про…

    Asked by Alexandra-96, February 5, 2018

    • css
    • margin: auto
    • html
    0 votes
    0 answers
17. Не прописываются урл в иконки

    Ребят, прошу сильно не ругать, я только учусь верстке на сайте друга. У меня задача разместить в хедере иконки соц групп и позиционировать их по центру шапки. Вставляю стили прямо в хедер, чтобы не было перезаписаний в 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
18. Выравнивание элементов в шапке.

    привет. недавно занялась вёрсткой, проблема в самом начале. в шапке логотип должен быть слева по центру, а текст справа по центру. не срабатывает text-align. может совсем по-другому надо подойти к этому. прошу помощи! ещё будет страница с той же шапкой но другим текстом ("поддержка"). хотелось бы использовать те же стили https://jsfiddle.net/hktt4Lue/

    Asked by vasilyevna_yu, February 4, 2018

    • css
    • html
    • вёрстка
    0 votes
    2 answers
19. Использование css flex для выравнивания

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

    Asked by diga, February 3, 2018

    • style
    • flex
    • css
    0 votes
    2 answers
20. Position: fixed - сделать размеры блока как у body

    Есть страница, c: body { max-width: 1200px; margin: auto; } т.е. контент посередине. Вопрос: есть блок <footer>, как средствами CSS сделать его "привязанным" к низу страницы так, чтобы он был одного размера с body? И соответственно менял размеры, если у body меняется. Ну например: окно браузера уменьшили... footer { position: fixed; bottom: 0; } "привязывает" <footer> к низу, но растягивает по ширине экрана.

    Asked by mr.relax, February 2, 2018

    • css
    • fixed
    • position
    0 votes
    2 answers
21. Меню за слайдером

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

    Asked by Mikki, February 1, 2018

    0 votes
    1 answer
22. Автоматическое перелистывание слайдера

    Автоматическое создание слайдера Добрый день имею вот такой слайд скажите как сделать, чтобы он перелистывался автоматический!!! Вот мой код

    Asked by Андрей1990, February 1, 2018

    0 votes
    2 answers
23. Как сменить все цены в магазине на HTML-страницах

    Приветствую уважаемые! Попал ко мне интернет магазин на руки, порядка 500 позиций товара Хочу поднять в нем цены на все товары на 20%, т.к. цены в нем сохранены устаревшие Проблема в том, что магазин на HTML-страницах, не на CMS - и такие извращения встречаются, плюс сам я с веб-разработкой не знаком Хочу все эти цены сменить автоматически, без ручной смены на каждой из 500 HTML-страниц На сайте эти цены выглядят вот так: В каталоге: <span class="price">15 590 руб.</span> На самой странице товара: <div id="price-on-nal">15 590 <em>руб.</em></div> Есть PHP-скрипт один, который ставится…

    Asked by stas84, February 1, 2018

    0 votes
    0 answers
24. Повторное использование свойства у одного селектора

    Добрый день! Столкнулся с проблемой в этом примере https://jsfiddle.net/bnun3zkv/1/ Это урывок кода из учебного задания по всплывашкам. И как видно-указатель у всплывашки коряво отображается. Работает только свойство с поворотом вокруг своей оси, или вообще не отрабатывают свойство transform, как в моем приведенном примере. Хотелось бы узнать в чем причина? Я не нашел в доке по этому свойству каких-либо ограничений на повторное использование у одного селектора... Я допустил какую-то ошибку при написании свойств к данному селектору?

    Asked by Super_Saimon, February 1, 2018

    • css
    0 votes
    2 answers
25. Не используется Float, два столбца

    Всем привет! Камнями не закидывайте, так как я веб-дизайнер, и решил для себя изучать html, css, js. Для дз начал создавать свой собственный сайт, но столкнулся с такой проблемой. Прикрепил изображение для более ясного пояснения. Я создал селектор .container-nav, в котором находятся еще два селекторы .nav-menu и .but-que , чтобы они располагались слева (меню) и справа (вопрос). Дальше создаю селектор .header-bar, в котором также два селектора .about-me и .my-projects, они должны располагаться и слева, и справа. После поиска ответов, разных раздумий и т.п. не смог решить данную проблему ( второй скрин). Да, у меня получилось сделать с первым селе…

    Asked by dak3tt, February 1, 2018

    0 votes
    0 answers