HTML Coding

29,542 questions in this forum

1. Определенные контент от сайта в <iframe>

   Здравствуйте. Извиняюсь, если пишу не в ту категорию, ибо не знаю, к какой категории отнести мой вопрос. Появилась нужда сделать чтобы в <iframe> выводилась определенная часть контента сайта, т.е. контент в определенном блоке. Была мысль реализовать это через :select(Если не ошибаюсь) в CSS но как сделать, чтобы все выводилось я не понял. Такое вообще можно реализовать не прибегая к js или php?

   Asked by Faberton, April 15, 2015

   • iframe
   • div
   0 votes
   8 answers
2. head Бездомный конечный тег head

   Доброго времени суток! Появилась проблема, браузер ругается на "бездомный конечный тег head", хотя его начало есть. Притом доходит до абсурда, пробовал найти ошибку, постепенно удаляя строчки кода, в итоге остались только доктайп и, собственно, сам head. Если написать всё заново, то проблемы нету. Прикрепляю файл с ошибкой сюда. P.S. Проверял через FireFox new 1.htm

   Asked by Илья123, November 1, 2017

   0 votes
   7 answers
3. Проблема с адаптивом на iPhone.

   Здравствуйте! Возникает проблема с вёрсткой на сайте на "просмотрщиках веб страниц" iPhone. На Android всё хорошо, на разных браузерах. Проблема в следующем, не блокируется скролл во всплывающем меню http://cartersbaby.ru/ на этом сайте. Вот примерные изображения проблемы: Собственно серого фона не должно быть, так же как и скролла долгого. В css забита высота этого серого элемента, но стоит overflow: hidden. Допускаю собственную ошибку, но на Android и эмуляторе в Chrome проблем нет.

   Asked by Vicos, October 5, 2015

   • scroll
   • iPhone
   • адаптив
   0 votes
   4 answers
4. bootstrap колонки + рамка

   Добрый день, форумчане! Необходимо сверстать данную страничку. Нужно, чтобы некоторые колонки были обвернуты рамкой + логотип. Есть мысля делать это все при помощи fieldset+legend. Но, как видно по картинке, блоки должны располагаться непосредственно от рамки и лого, не внутри филдсета. Также еще нужно, чтобы при наведении на блоки применялся hover-эффект (по дефолту на них стоит фильтр размывания, при наведении этот фильтр должен исчезать). Собсна, в чем вопрос: как реализовать подобную рамку и лого, чтобы еще и до колонок смог достучаться ?

   Asked by YurikMurik, May 3, 2018

   • bootstrap
   • border
   • верстка
   0 votes
   3 answers
5. Прозрачные иконки

   Ребят, есть идеи как сделать иконки с вот такой прозрачностью, чтобы они просвещали фон родителя ? мне кажется это нереально. Хотел бы уточнить, что сами иконки это svg. Я могу сделать их прозрачными, не могу придумать, как сделать чтобы их просвещал белый фон

   Asked by brezze, November 16, 2017

   • css
   0 votes
   15 answers
6. Не работает clearfix

   Доброе время суток. Не получается заставить работать clearfix, центральный блок уходит вниз. Прошу вашей помощи html: css: И вот так это выглядит:

   Asked by L1felv0er, June 2, 2015

   • float
   • clearfix
   0 votes
   14 answers
7. Установка LiveReload для ST 3. Ошибка в браузере.

   Здравствуйте форумчане. Суть проблемы в следующем. Крайне необходимо установить плагин LiveReload. Как бывший пользователь Linux, я знал, что эта песня будет долгоооой. В начале, всё шло неплохо: 1. Скачал нужный плагин. 2. Кинул в нужную папку 3. Установил нужные параметры в самом редакторе 4. Установил плагин на тот браузер, где по идее должен работать автоматический рестарт странички. 5. (!) Но весь мой идеальный план разрушил "favicon" этого плагина. Я его установил, но картинка включения этого плагина, не появилась. Хотя у автора видео все прошло гладко, с тем условием, что я копировал его действия. Сириус, почему ты со мной так строг се…

   Asked by Святослав, June 17, 2016

   0 votes
   14 answers
8. Адаптивная шапка

   Здравствуйте, знаю, что уже много было таких тем, но я видимо уже даже переборщил со стилями и со всем чем можно, но честно уже не вижу причину, что я с ней сделал не так, и почему она не адаптивная. Укажите мне на мою ошибку и помогите сделать шапку адаптивной для любого разрешения экрана Да класс 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
9. list-style-position не работает

   Всем доброго времени суток. Возникла у меня одна неприятная проблема. Захотел я маркеры списков заменить на иконки. В Icomoon сделал себе шрифт и все подключил. И тут то я столкнулся с проблемой. list-style-position работает как inside и когда я хочу чтобы он работал как outside ничего не происходит. Где же мой прокол ? <ul class="structure"> <li class="icon-page">Одна страница, логотип и заголовок</li> <li class="icon-image">Картинка и описание предложения</li> <li class="icon-in-form">Форма для заполнения информации</li> <li class="icon-send">Кнопка отправки и отзывы клиентов</li> <li class="icon-ou…

   Asked by Aleksandr.Bycyk, June 15, 2017

   0 votes
   5 answers
10. Увеличьте размер активных элементов на странице

    При проверки скорости сайта для телефонов или PageSpeed Insights Пишет, что увеличьте размер активных элементов на странице Некоторые ссылки и кнопки на страницах вашего сайта слишком малы, и поэтому пользователям устройств с сенсорными экранами может быть неудобно нажимать на них. Увеличьте активные элементы, чтобы сделать свой сайт удобнее. (https://developers.google.com/speed/docs/insights/SizeTapTargetsAppropriately)Объяснение:Указанные ниже активные элементы расположены слишком близко к соседним. Увеличьте расстояние между ними.Активный элемент <span class="load-button"> и ещё 3 расположены слишком близко к другим активным элементам. finalАктивный элемент <s…

    Asked by lev99, July 31, 2015

    • html
    • css
    0 votes
    4 answers
11. Fancybox убрать стрелочки

    Доброго времени суток всем, такая вот у меня смешная проблема... Не получается убрать стрелки и крестик тоже, а вот попробовал padding изменить все получилось, подскажите пожалуйста в чем причина? $container.find('a').fancybox({ 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'speedIn' : 200, 'speedOut' : 200, 'overlayOpacity' : 0.6, 'arrows' : false }); если нужно какой либо еще код скажите, я все добавлю, заранее спасибо.

    Asked by KamZed, January 23, 2017

    • css
    • js
    • jquery
    • fancybox
    0 votes
    3 answers
12. Как вывести 2 значения VALUE (HTML)

    Доброго времени суток необходимо вывести выпадающий список, при выборе вариантов должна выводится картинка и отдельно ссылка(или слово, 2 картинки или все что угодно), цель вывести 2 значения. И еще одно условие код должен быть на html. пример моего кода: <img src="1.jpg" name="pic" id="pic"> <select onchange="document.getElementById('pic').src=this.value"> <option value="1.jpg">1</option> <option value="2.jpg">2</option> <option value="3.jpg">3</option> </select> сейчас при выборе 1 выводит картинку, нужно добавить, что бы выводило картинку и например какое то слово или ссылку

    Asked by Denys, July 29, 2015

    • value
    • onchange
    0 votes
    7 answers
13. Адаптивная верстка и iphone.

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

    Asked by Toleri, November 27, 2015

    0 votes
    13 answers
14. Рандомный цвет в переменной

    Приветствую! Имеется код, в котором переменная "t" содержит случайный цвет. Как сделать, чтобы при нажатии на кнопку, div заливался случайным цветом? <html><head> <meta charset="utf-8"> <style> #box { width: 25px; height: 25px; border: 1px solid black; margin: 20px; } </style></head><body> <input type="button" onclick="randomColor()" value="ЖМИ"> <div id="box"></div> <script> function randomColor() { document.getElementById("box").style.backgroundColor = "red"; var t = '#' + (Math.round(Math.random(99999999, 1) * 99999999)).toString(16).substr(1);}…

    Asked by samec1337, October 21, 2015

    0 votes
    9 answers
15. Как правильно обернуть картинку в ссылку?

    Здравствуйте, граждане! В html5 я столкнулся со следующей проблемой. Оборачивая <img /> в теги <a></a>, у меня под картинкой появляется щель шириной ~3,5px. Кто-то с этим сталкивался? Код следующий: <!DOCTYPE html> <html lang="ru"> <head> <title></title> </head> <body> <div style="border: 1px solid black;"> <a href="#"> <img src="img1.jpg" /> </a> </div> </body> </html> Скриншот результата: https://yadi.sk/i/EWNxjZQ4qhtAp Кроме того, результат одинаков как для браузера Opera, так и для ЯндексБраузера.

    Asked by PeterGreat, April 4, 2016

    • html
    • img
    • a
    0 votes
    2 answers
16. Проблема с input в мобильном Safari

    Добрый вечер! Маленькая проблемка появилась. В мобильном Сафари input text и input password больше чем везде (сравнил на компе, да, больше именно они, а не кнопка меньше). Думал проблема в text-indent, сменил на padding, поменял размер, глухо. На виртуалке смотрел на десктопном Сафари - все ок, во всех остальных бразузерах - все ок. На мобильных девайсах почему то нет. Использую normalize https://github.com/necolas/normalize.css/blob/master/normalize.css Код: http://jsfiddle.net/0go8ub5u/ А вот так на айфоне: Теряюсь в догадках уже, помогите пожалуйста разобраться

    Asked by horprogs, September 15, 2015

    • input
    • safari
    0 votes
    3 answers
17. css Почему не отображается блок?

    При абсолютном позиционировании не отображается блок? Почему? Где ошибка? http://codepen.io/Diargon345/pen/xVJdeR

    Asked by diargon345, April 22, 2016

    • position
    0 votes
    6 answers
18. Текст не переносится на новую строку

    Добрый день. Столкнулся с такой проблемой: вывожу элементы в <li></li> Однако если текста получается больше, чем заданная ширина <li>, текст не переносится на новую строку. Сам код такой: <ul id="categories-nav" class="top-categories parent"><li id="menu-item-181" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-181"><a href="http://actual/product-category/oborudovanie-i-mebel-dlya-kosmetologii/">Оборудование и мебель для косметологии</a></li><li id="menu-item-182" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-182"><a href="http://actual/product-categ…

    Asked by jdk, September 16, 2015

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

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

    Asked by Alex Def, June 25, 2018

    • css
    • clip-path
    1 vote
    12 answers
20. Не работает AutoPrefixer sublime text 3

    Даже на знаю, где эту тему разместить. В общем, такая проблема. Устанавливаю плагин AutoPrefixer через Install Packages. Перезапускаю программу, пишу например border-radius: 5px; и нажимаю сочетания клавиш ctrl+alt+p - ничего не происходит. Пробовал и так запускать, и эдак - ничего не помогает. Node.js установлен. В чем может быть проблема? Заранее спасибо

    Asked by IvanRu08, July 3, 2016

    0 votes
    2 answers
21. Не работает margin

    Привет камрады! Не работает выравнивание блока по центру. Не могу понять без позиционирования работает а с ним нет! В чем причина? HTML <!DOCTYPE html><html><head><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="css/style.css" /><title></title></head><body><div id="header">12345</div></body> </html>CSS body { position: relative; background-color: yellow; border: 10px solid red; width: 750; height: 750;}#header { position: absolute; background-color: blue; width: 100; height: 100; border: 3px solid black; margin: 0 auto;}

    Asked by pozornuk, October 9, 2015

    • margin
    • не работает
    • не работает margin
    0 votes
    7 answers
22. Не работает выпадающее меню на CSS

    Есть кнопка Online (.ostatus .button), при наведении мыши на которую должно выпадать меню (.ostatus ul), но ничего не происходит. Делал по готовым примерам в интернете - тоже ничего. HTML: <div class="ostatus"> <div class="button"><span class="status online"></span> Online <span class="caret"></span></div> <ul> <li><span class="status online"></span> Online</li> <li><span class="status offline"></span> Offline</li> </ul> </div> CSS: .ostatus .button {position:relative} .ostatus ul {position:absolute;width:130px;left:-9999px} .ostatus .button…

    Asked by iBars, September 5, 2016

    • меню
    • css
    0 votes
    7 answers
23. Вопрос об раскрытие блока

    Я сверстал часть сайта и у меня появился вопрос, при открытии спойлера blog_btn внутренности выталкивают заголовок за пределы блока. Как сделать так что-бы заголовок оставался на месте а внутрености разворачивались вниз а не вверх? https://drive.google.com/file/d/1_O-e0_79TNps-Oo7KJkgY8zQaDKRbIGF/view?usp=sharing

    Asked by Phanlom, September 2, 2022

    0 votes
    5 answers
24. Верстка шаблона

    Добрый день! Помогите с такой проблемой: Есть шаблон с общим фоном: Для понятности разметки поменял на другой цвет: Суть вопроса: надо где черный квадрат и цифра 1, вставить изображение прозрачное в самый угол, ну типо ленточки георгиевской и всё остальное залить фоном: Вот css: html{background-color:#5d1338;} body{background:url(../images/purple/bg.jpg) no-repeat top center;} a.read_more{background-color:#ff9694;} .button_divider{border-bottom:1px #6a2146 solid; border-top:1px #6a2146 solid;} a{color:#ff9694;} h1 span, h2 span, h3 span, h4 span, h1 strong, h2 strong, h3 strong, h4 strong{color:#ff9694;} ul#main_menu li a.selected {…

    Asked by Dizred, December 21, 2017

    • bg
    • background
    0 votes
    21 answers
25. Стилизация чекбокса без label

    Привет всем. В интернете есть полно статей о том, как стилизовать чекбокс, но я не могу использовать атрибут for для привязки label и чекбокса, т.к. у меня label является внешним по отношению к чекбоксу и такую струтктуру желательно не нарушать. Есть ли метод стилизации чекбокса без применения <label for=''> ? К примеру у меня сейчас проблема с тем, как спрятать стандартній чекбокс и оставить только синий кружочек для input:checked https://jsfiddle.net/k4nq7paL/

    Asked by WhatIsHTML, August 29, 2016

    • label
    • checkbox
    0 votes
    9 answers