HTML Coding

29,542 questions in this forum

1. Тег <Video> и атрибут "controls"

   В браузере Google Chrome Версия 67.0.3396.99 (64 бит), в теге Video с атрибутом controls нет регулятора громкости видео. Но почему же так?

   Asked by Banvac, July 5, 2018

   0 votes
   1 answer
2. Текст, который длиннее 1 строки, переносится на следующую строку

   На сайте есть блок тестирования. Проблема отображена в скриншоте. Может кто-нибудь поможет разобраться, как это исправить?

   Asked by adm-pr, July 5, 2018

   0 votes
   1 answer
3. << и >> до и после текста

   Нужно сделать << и >> до и после текста. Вот таким образом http://skrinshoter.ru/s/050718/7gDP7LAc?a У меня получается как-то некорректно http://skrinshoter.ru/s/050718/lO2xSi0U Элементы чуть приподняты. Как их выровнять? margin-top не помогает, before и after - тоже https://codepen.io/anon/pen/PavQWP

   Asked by yaparoff, July 5, 2018

   0 votes
   3 answers
4. Обрезать текст по вертикали

   Нужно чтобы текст обрезался по вертикали http://skrinshoter.ru/s/040718/dYPUy6EU и переполненное содержимое скрывалось overflow: hidden почему то не помогает https://codepen.io/anon/pen/yErxLY

   Asked by yaparoff, July 4, 2018

   • overflow
   0 votes
   3 answers
5. Как сверстать такой шестиугольник плавный ?

   Нужно сверстать такой элемент. Сам не особо понимаю как такое делать. Знаю про то как шестиуголники делают но такими планому закругленными углами не знаю как.

   Asked by Alexej, July 4, 2018

   0 votes
   5 answers
6. Обрезка блоков

   Привет, очень редко сталкивался с этим и не люблю подобное, как эти блоки обрезать, что с ними вообще делать?

   Asked by exoty, July 4, 2018

   1 vote
   2 answers
7. Что значит вверстка под pixelperfect ?

   Я понимаю в общем чтобы макет соответствовал дизайну но все равно объясните пожалуйста что именно и конкретно что требуют заказчики и работодатели ?

   Asked by Alexej, July 2, 2018

   0 votes
   9 answers
8. Проблема с позиционированием css

   Итак, решил сделать footer. (Приложил скриншот) Итак, задумка такова: GitHub - Разместить по левому краю, Twitter - по центру, О нас - По правому краю, но почему то Параграф не хочет вставать так как надо. HTML Код <footer> <div class="container" style="padding-top: 1%;"> <div class="row footer-information"> <div class="col"> <a href="#"><i class="fab fa-github"></i> GitHub</a> <p>Откройте и просмотрите нашу страницу на GitHub</p> </div> <div class="col text-center"> <a href="#"><i class="fab fa-twitter"></i> Twitter</a> <p>О…

   Asked by GamerVII, July 4, 2018

   0 votes
   0 answers
9. тег before

   Хелп. before не задается(желтые полоски слева от текста) https://jsfiddle.net/k59n2xae/ сам код

   Asked by exoty, July 1, 2018

   0 votes
   2 answers
10. Кастомный радиобаттон Как правильно задать :hover и :focus?

    Здравствуйте, помогите разобраться, делаем кастомные радиобаттоны, скрываем те что по умолчанию, с помощью span рисуем новые (псевдокласс :before для состояния отмеченности), стилизуем поведение в разных состояниях, :hover :focus :checked Проблема в том что после задания стилей для :focus (которые передают обводку со скрытых радиобаттонов) эта обводка отображается не только после использования tab и нажатий с клавиатуры, но и при нажатии мышкой. В общем цель в том что-бы обводка от фокуса появлялась только при манипуляции с клавиатуры, а при нажатии с мыши и разных состояний (:hover :checked) ее не было , для них свои стили P. S. Изучаю пока-что HTML и CSS…

    Asked by plarfox, July 2, 2018

    • html css
    0 votes
    0 answers
11. Как сделать квадратный блок

    Помогите сделать квадратный блок с картинками внутри. Проблема в том, что размеры блока должны быть в процентах. Вот пример - http://jsfiddle.net/4cxgzp8t/7/ Вот так должно быть -

    Asked by alleclf, June 30, 2018

    0 votes
    8 answers
12. Печатная версия страница. Колонтитулы

    Как сделать нижний клонтитул на всех страницах? Делаю через runing позицию, а он ее тупо не ставит куда я указываю... У кого-то был опыт использования этих свойств? На W3C, по этому документация есть, но на практике я такого не у кого не видел... Это вообще работает? Прикрепил пример, того о чем я говорю... print.html

    Asked by vladmih, July 2, 2018

    0 votes
    0 answers
13. Проблема с удалением строки в mysql с помощью php

    Код в delete.php такой: <?php $query ="DELETE FROM goods WHERE id = 'id'"; ?> <h2>Удалить модель?</h2> <form method='POST'> <input type='hidden' name='id' value='$id' /> <input type='submit' value='Удалить'> </form>"; А в контроллере такой: public function actionDelete($id) { $goods = Goods::find()->one(); return $this->render('delete', compact('goods')); } В итоге выводит вот : Bad Request (#400) Unable to verify your data submission. The above error occurred while the Web server was processing your request. Please co…

    Asked by Глеб, June 30, 2018

    0 votes
    4 answers
14. При просмотре сайта через смартфон не загружается css

    Недавно закончил с основным наполнением своего первого интернет-магазина и решил заняться оптимизацией. Проблемы с блокирующими css удалось решить с помощью операторов preload таким образом: <link rel="preload" as="style" href="style.css" onload="this.rel='stylesheet'"> Как javascript, помещал таблицы стилей в самый низ кода страницы. Скорость загрузки возросла до 96/100 по данным PageSpeed Insights. Но! Появилась новая проблема, которую я не могу решить по сей день, а именно: вообще не загружаются таблицы стилей при просмотре сайта через смартфон (также Google бот не загружает стили)! Менял самые основные на обычный link rel="stylesheet" type="text/css"-загру…

    Asked by acsoncry, July 1, 2018

    • css
    0 votes
    0 answers
15. Разделение секции на два поля

    Добрый день! Подскажите как разделить <section> на два отдела с текстом и картинкой. В одной будет слайдер, в другой текст описания. У меня получается только что то не понятное. Место,которе занимает текст,так же двигает и слайд. <section id="slider-wrap"> <p class="h7"> В наших секретных лабораториях в рамках проекта &laquo;Пандора&raquo; разрабатывалось психотропное оружие. В результате неудачного эксперимента большинство ученых, работавших над прибором, подверглись воздействию психотропного излучения, и они, находясь в состоянии аффекта, растащили прототип по деталям. Возможно, наши ученые до сих пор находя…

    Asked by akasha, July 1, 2018

    0 votes
    0 answers
16. Убрать отступ справа

    Как убрать лишний отступ в сообщении вк? Мне нужно, чтоб ширина была в зависимости от текста (сообщении). Проверьте в кодах элемента как это сделать, я не понимаю.. P.S. Я работаю с Stylish (темы для сайтов), хочу сделать мессенджер, как в телефоне, но этот отступ все портит..

    Asked by .Meowmere, June 30, 2018

    • vk
    • message
    0 votes
    2 answers
17. Проблема с удалением строки в mysql с помощью php

    Код в delete.php такой: <?php $query ="DELETE FROM goods WHERE id = 'id'"; ?> <h2>Удалить модель?</h2> <form method='POST'> <input type='hidden' name='id' value='$id' /> <input type='submit' value='Удалить'> </form>"; А в контроллере такой: public function actionDelete($id) { $goods = Goods::find()->one(); return $this->render('delete', compact('goods')); } В итоге выводит вот : Bad Request (#400) Unable to verify your data submission. The above error occurred while the Web server was processing your request. Please co…

    Asked by Sirex0011, June 30, 2018

    0 votes
    0 answers
18. Блок со скошенными краями

    Здравствуйте, подскажите пути решения такой вот задачи: Скрытый текст Адаптивный дизайн, родительский блок сделал с помощью clip-path:polygon, но у внутренних блоков есть border:2px поэтому clip-path не подходит. Подскажите, как правильнее это сверстать?

    Asked by Alex Def, June 25, 2018

    • css
    • clip-path
    1 vote
    12 answers
19. Как в HTML5 разбить страницу на фреймы с отдельной html страницей в каждом

    Здравствуйте! Надо на одной странице отобразить несколько страниц в разных частях в HTML5. Если надо в "top" поместить одну страницу на всю ширину, ниже сделать 2 страницы на одном уровне. Под ними поставить страницу "footer" на всю ширину. В общем как то так: В index.html <iframe src="top.html" name="top" style="border-style: none;width: 100%; height: 120px;"></iframe> <iframe src="menu.html" name="left" style="border-style: none;width: 20%; height: 500px;"></iframe> <iframe src="table.html" name="right" style="border-style: none;width: 79%; height: 500px;"></iframe> <iframe src="footer.html" name="footer" s…

    Asked by Nightingale81, June 26, 2018

    0 votes
    3 answers
20. Проблема с кавычками в сплывающей подсказки

    Мне нужно изменить вид всплывающей подсказки и я на сайте нашла статью как это можно сделать: Можно ли изменить вид всплывающей подсказки?. Теперь у меня вопрос как передать кавычки через функцию toolTip. Например -Это рисунок: "Машины". Когда я передаю текст с кавычками у меня выдаёт ошибку: Uncaught SyntaxError: Unexpected token ILLEGAL

    Asked by Katerina23, June 22, 2018

    0 votes
    8 answers
21. Ссылки на страницы по тегам

    Всем привет! Прощу помощь в реализации. Только сильно не пинайте - я только учу сиё "искусство". Суть в следующем: сайт с рецептами. Есть страницы с коротким описанием рецептов (списочно): горячие супы; холодные супы; кавказская кухня; русская кухня; с мясом; острые и т.д. Далее уже идут страницы с самими рецептами (с подробным описанием), скажем: борщ, харчо и окрошка. Как сделать короткое описание рецепта "харчо" в коде на странице 1 (с присвоением какого-нибудь id, class или нечто подобное) и отображение на других страницах (с помощью присвоенного "идентификатора")? В данном случае на стр. 1 будет корот…

    Asked by Stimix, June 23, 2018

    0 votes
    1 answer
22. Картинки автоматически на всю ширину экрана и меняли размер при увеличении-уменьшении окна?

    Как сделать так, чтобы картинки на сайте (обложка журнала и скрин youtube) были автоматически на всю ширину экрана и меняли размер при увеличении-уменьшении окна? сайт www.moscow.octawa.ru index.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>Москвичи на бизнес-тренингах Тони Роббинса</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="header"></div> <div id="head"> <p><font face="Droit Serif"><em>Знание - половина ума (русская пословица).</em></font></p> <img src="down arrow.png" width="48" heig…

    Asked by codor, June 24, 2018

    0 votes
    1 answer
23. Открытие ссылки в новом окне

    Мне нужно чтобы ссылка открывалась в новом окне. Вот код <table class="mytable"> <tbody> <tr class="mystolb" onclick="window.location.href='%%LitUrlAudio%%'; return false target="_blank"> <td><img src="http://knigobiz.ru/wp-content/uploads/2018/05/LitRes.png" class="laravel-icon">ЛитРес</td> <td>Аудиокнига</td> <td>₽%%LitAudioPrice%%</td> <td><i class="fas fa-shopping-cart"></i></td> </tr> </tbody> </table> То есть при нажатии на строку у меня происходит переход по произвольной ссылке, мне нужно сделать так чтобы она открывалась в новом окне

    Asked by YaroslavWeb, June 19, 2018

    0 votes
    7 answers
24. ТOUCH scroll слайдера на css3?

    Здравствуйте. У меня на сайте есть слайдер на CSS3. Реально ли сделать тач скролл на CSS3 или все таки без JS никак?

    Asked by uppercase_css, June 20, 2018

    0 votes
    2 answers
25. Принцип или гайд по верстке

    Ребят, привет, подскажите какой то гайд по верстке сайтов слайдеров, типо https://cuberto.ru/

    Asked by exoty, June 20, 2018

    0 votes
    5 answers