HTML Coding

29,542 questions in this forum

1. Как сверстать такую стрелку?

   Скажите, как сверстать такую стрелку? Подмечу, что угол здесь не прямой, как у квадрата, а больше похож на угол шестиугольника. Размер стрелки: высота 40px, ширина 15px

   Asked by yaparoff, July 4, 2018

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

   Нужно чтобы текст обрезался по вертикали 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
3. Как сверстать такой шестиугольник плавный ?

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

   Asked by Alexej, July 4, 2018

   0 votes
   5 answers
4. Что значит вверстка под pixelperfect ?

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

   Asked by Alexej, July 2, 2018

   0 votes
   9 answers
5. Кастомный радиобаттон Как правильно задать :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
6. Печатная версия страница. Колонтитулы

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

   Asked by vladmih, July 2, 2018

   0 votes
   0 answers
7. Стримы HTML и CSS

   Добрый день. Подскажите, пожалуйста, есть ли где на просторах ютуба или другого видеохостинга канал с хорошими стримами вёрстки html? Всё что нахожу на ютубе это видео «Как сверстать макет с нуля за час», но хотелось бы посмотреть что-то в формате стрима, как человек решает типовые задачи. То есть, смотрим, как верстальщик работает с вёрсткой. Думаю, многим новичкам было бы полезно посмотреть, как люди работают с кодом.

   Asked by Magic_Rabbit, July 1, 2018

   • для новичков
   • html
   • css
   • видео
   • обучение
   1 vote
   3 answers
8. При просмотре сайта через смартфон не загружается 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
9. Разделение секции на два поля

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

   Asked by akasha, July 1, 2018

   0 votes
   0 answers
10. тег before

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

    Asked by exoty, July 1, 2018

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

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

    Asked by alleclf, June 30, 2018

    0 votes
    8 answers
12. Проблема с удалением строки в 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
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 Sirex0011, June 30, 2018

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

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

    Asked by .Meowmere, June 30, 2018

    • vk
    • message
    0 votes
    2 answers
15. Как в 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
16. Блок со скошенными краями

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

    Asked by Alex Def, June 25, 2018

    • css
    • clip-path
    1 vote
    12 answers
17. Картинки автоматически на всю ширину экрана и меняли размер при увеличении-уменьшении окна?

    Как сделать так, чтобы картинки на сайте (обложка журнала и скрин 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
18. Ссылки на страницы по тегам

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

    Asked by Stimix, June 23, 2018

    0 votes
    1 answer
19. Проблема с кавычками в сплывающей подсказки

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

    Asked by Katerina23, June 22, 2018

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

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

    Asked by uppercase_css, June 20, 2018

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

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

    Asked by exoty, June 20, 2018

    0 votes
    5 answers
22. Бутстрап, меню, адаптивность

    Добрый день. Есть сайт cubcadet-parts.ru. Добавил в меню еще один пункт - сломалась адаптивность. На средних экранах меню вместо того чтобы становиться компактным выпадающим скрытым под иконкой, переносится на другую строку. Шаблон едет ((( https://screenshots.firefox.com/1zDw6EL61Y5rMoVE/cubcadet-parts.ru Понимаю, что проблема с бутстрапом и параметром @media, но никак не могу исправить. Меню прячется под иконку лишь на экранах менее 768 пикс. А мне надо 992 пикс. Но как это сделать я так и не понял. Помогите, кто сможет. Заранее спасибо!

    Asked by dron, June 20, 2018

    0 votes
    0 answers
23. Текст в div отображается не правильно

    Привет, есть проблема с отображением текста, а именно он уходит вниз. Но как только я убираю в css документе свойство float:left сам блок уходит вниз но текст размещается правильно. Спасибо за внимание) index.html style.css

    Asked by DITT, June 20, 2018

    0 votes
    1 answer
24. Как подключить шрифт Malina.otf?

    Нужно чтобы некоторый текст на сайте отображался через шрифт Malina.otf. К html уже подключен CSS. Для шрифта лучше создать отдельный CSS? Напиши пожалуйста как подключить шрифт Malina.otf, а то я читал статьи и не понял до конца как это реализовать.

    Asked by Нуб, June 20, 2018

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

    Мне нужно чтобы ссылка открывалась в новом окне. Вот код <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